*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Microsoft YaHei,BoxedLight,PingFang SC,WenQuanYi Micro Hei,sans-serif}::-webkit-scrollbar{display:none}body{scroll-behavior:smooth;font-size:2.6666666667vw}.pc{font-size:10px}body{scroll-behavior:smooth;position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;transition:all .4s;color:#b1bad3}body{background:#0d0d0d;z-index:1}body.not-customize .layout-body{overflow:hidden}#app{z-index:2}#app .main-container{z-index:1}#app{width:140rem;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}#app .main-container{display:flex;flex:1}#app .main-container .pages{width:100%;display:flex;flex-direction:column}#app .main-container .pages .page-main{display:flex;flex-direction:column;height:100vh;transition:all .4s;opacity:0}#app .main-container .pages .page-main::-webkit-scrollbar{display:block;width:.8rem}#app .main-container .pages .page-main::-webkit-scrollbar-thumb{background-color:#41474e;border-radius:.2rem}#app .main-container .pages .page-main:not(.fadeIn){position:fixed;left:100%;z-index:-1}#app .main-container .pages .page-main:not(.register,.login).fadeIn{opacity:1}#app .main-container .pages .page-main.register.fadeIn,#app .main-container .pages .page-main.login.fadeIn{opacity:1}#app .main-container .pages .page-main .pages-head-container{display:flex;flex-direction:column;align-items:center}#app .main-container .pages .page-main .pages-head-container .pages-head{width:-webkit-fill-available;position:sticky;height:max-content;z-index:13;top:0;left:0;right:0}#app .main-container .pages .page-main .page-content-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100vh}#app .main-container .pages .page-main .page-content-container .page-content{width:-webkit-fill-available;height:max-content;display:flex;flex-direction:column;overflow:auto;align-items:center;flex:1}#app .main-container .pages .page-main .page-content-container .page-content.page-content-row{align-items:initial;flex-direction:row}#app .main-container .pages .page-main .page-content-container .page-content.page-content-row .pages-left{padding:1rem;max-height:-webkit-fill-available}#app .main-container .pages .page-main .page-content-container .page-content.page-content-row .page-left-main{width:100%;height:max-content;min-height:100%;display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;overflow:auto}#app .main-container .pages .page-main .page-content-container .page-content.page-content-row .page-left-main::-webkit-scrollbar{display:block;width:.8rem}#app .main-container .pages .page-main .page-content-container .page-content.page-content-row .page-left-main::-webkit-scrollbar-thumb{background-color:#41474e;border-radius:.15rem}#app .main-container .pages .page-main .page-content-container .page-content.page-content-row .page-left-main .page{height:max-content;flex:1}#app .main-container .pages .page-main .page-content-container .page-content .page{flex:1;width:-webkit-fill-available;gap:1.5rem;padding:1rem}#app .main-container .pages .page-main .page-content-container .page-content .pages-foot{width:-webkit-fill-available;background-color:#0d0d0d}.on-customize #app .main-container .pages .page-main .page-content.page-content-row{overflow:auto}.mobile #app{width:100% !important}.mobile #app .main-container .pages>.page-main{width:100%;padding-bottom:0}.mobile #app .main-container .pages>.page-main::-webkit-scrollbar{display:none}.pc #app .main-container .pages>.page-main .page-content::-webkit-scrollbar{display:block;width:.8rem}.pc #app .main-container .pages>.page-main .page-content::-webkit-scrollbar-thumb{background-color:#41474e;border-radius:.15rem}a,u{text-decoration:none}a,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,img,input,label,legend,li,mark,ol,p,section,span,textarea,time,td,th,ul{margin:0;padding:0;font-style:normal;box-sizing:border-box}article,aside,details,fieldset,figcaption,figure,footer,header,main,nav,section{display:block}button,input,textarea{-webkit-appearance:none;border:0;margin:0;padding:0;font-size:1em;line-height:1em;outline:none;background-color:rgba(0,0,0,0)}textarea{resize:none;-webkit-appearance:none}input,textarea,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]{-webkit-appearance:textfield;appearance:textfield}a,a:visited{text-decoration:none}a:focus,a:active,a:hover{outline:none}ol,li,ul{list-style:none}img{border-style:none;font-size:0;min-height:.2rem}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:#ededed !important;-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset !important;background-color:rgba(0,0,0,0);background-image:none;-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}input{background-color:rgba(0,0,0,0)}i{font-style:inherit}.room-closed{filter:sepia(1);-webkit-filter:sepia(1);order:999}.room-closed:hover{cursor:not-allowed}.disabled{background:#222c3d !important;color:#55657e !important}.disabled:hover{cursor:not-allowed !important}.upload-popup{position:fixed;z-index:10000;left:10%;right:10%;top:10% !important;bottom:auto;max-height:70%;max-width:55%;margin:0 auto;transform:translateZ(0) scale(1) !important;transition:transform .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1.5rem}.upload-popup .popUp-container{width:100%;border-radius:2.5rem !important;height:75vh;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;background:#17191a;flex:1;box-shadow:.3rem .6rem 2rem #000;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);gap:2rem}.upload-popup .popUp-container .popUp-navigator-bar{min-height:7rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;text-align:center}.upload-popup .popUp-container .popUp-navigator-bar h1{font-size:2.5rem}.upload-popup .popUp-container .popUp-content{overflow:auto;scrollbar-width:none;font-size:1.4rem;word-break:break-word;scroll-behavior:smooth;text-align:justify;overflow-x:hidden;flex:1;display:block}.upload-popup .popUp-container .popUp-content img{width:180px !important;height:100%;object-fit:cover}.upload-popup .popUp-container .popUp-content .uploadingPics{display:grid;grid-gap:.2rem;grid-template-columns:repeat(auto-fit, minmax(calc(33.3333333333% - 0.4rem), 1fr))}.upload-popup .popUp-container .popUp-content .uploadingPics .uploadingItem{border-radius:5%;overflow:hidden;position:relative;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.upload-popup .popUp-container .popUp-content .uploadingPics .uploadingItem i{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0;transition:transform .3s}.upload-popup .popUp-container .popUp-content .uploadingPics .uploadingItem u{color:#fff;text-shadow:.1rem .1rem #000;position:absolute;right:.5rem;bottom:.5rem;left:.5rem;text-decoration:unset;font-size:1rem;display:flex;justify-content:flex-end;align-items:center;gap:.2rem;line-height:1.5rem}.upload-popup .popUp-container .popUp-content .uploadingPics .uploadingItem p{display:block;font-size:1.6rem;text-align:center;word-break:break-word;padding:1rem}.upload-popup .popUp-container .popUp-content .uploadingPics .uploadError i{background:rgba(255,0,0,.6)}.upload-popup .popUp-close{height:6rem;aspect-ratio:1/1;right:0;bottom:calc(100% + 3rem);position:fixed;cursor:pointer;display:block;border-radius:50%;border:.2rem #000 solid;padding:.5rem;transition:all .4s;border:.2rem #fff solid;filter:invert(1) drop-shadow(0.5rem -0.2rem 1rem rgba(0, 0, 0, 0.1))}.upload-popup .popUp-close:hover{background:rgba(255,30,39,.3) !important;transform:translateZ(0) rotate(180deg)}
:root{--theme-color: #1376FA;--theme-normal-color: #ffffff;--theme-minor-color: #55657e;--theme-static-color: #adb6c4;--theme-dynamic-color: #ffffff}
.yc-form-item-verify{display:none;color:#f43434;font-size:1.2rem;white-space:pre-wrap;max-width:34rem;padding:.5rem 1rem 1rem}.yc-form-item .verify-show{border-color:#f43434;box-shadow:#f43434 0px 0px 0px 1px}.yc-form-item-content{transition:border-color .5s ease,box-shadow .5s ease;position:relative;width:100%;font-size:1.4rem;border-radius:1rem;padding:0 3rem;border:2px solid #1c2433;background-color:#000;font-weight:700}.yc-form-item-content input{width:100%;height:4.6rem;color:#fff}.yc-form-item-content input::-webkit-input-placeholder{color:#222c3d;background-color:#000;font-weight:700;font-size:1.6rem}.yc-form-item-content .icon-clear{display:none}.yc-form-item-content .icon-user,.yc-form-item-content .icon-password{left:.8rem}.yc-form-item-content .icon-clear,.yc-form-item-content .icon-close-eyes,.yc-form-item-content .icon-open-eyes{right:.8rem;cursor:pointer}.yc-form-item-content .icon-open-eyes{color:var(--theme-color)}.yc-button{cursor:pointer;width:100%;height:4.6rem;border-radius:1rem;line-height:4.6rem;text-align:center;font-size:2rem;font-weight:700;outline:0;background-color:var(--theme-color);color:#fff;position:relative;transition:all .1s}.yc-button:active{transform:scale(0.95)}.pc .closeFrostedGlass{animation:closeFrostedGlass .5s forwards}.toast{display:flex;justify-content:center;align-items:center;max-width:80vw;min-width:20vw;padding:2rem;position:fixed;z-index:10011;border-radius:1rem;transition:all .4s;font-size:2rem;top:10%;transform:translateY(-50%);filter:opacity(0);z-index:99999999;color:#fff}.toast-success{background-color:#67c23a}.toast-warn{background-color:#ff8c00}.toast-error{background-color:#f43435}.toast-tip{background-color:#2f4f4f}#loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;transition:all .4s;background:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;font-size:1.2rem}#loading .loading-logo{width:14rem;visibility:visible;filter:drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.6));animation:rotateX 1s infinite}.yc-form-item .yc-form-title{font-size:1.4rem;color:#adb6c4;font-weight:700;margin-top:1.6rem;margin-bottom:.8rem;padding-left:1.2rem}.yc-form-item .yc-form-item-input .yc-form-input-enter{width:100%;position:relative}.yc-form-item .yc-form-item-input .yc-form-input-enter .yc-form-input-before-extra{left:4px;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:absolute;z-index:2;pointer-events:none;font-size:1.4rem;font-weight:600;top:0px;line-height:2.8rem;height:100%;width:auto;padding-left:1rem;text-align:left;color:#fff}.yc-form-item .yc-form-item-input .yc-form-input-enter input{width:100%;height:4.6rem;line-height:1.1rem;font-size:1.4rem;border-radius:.5rem;min-width:0px;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;position:relative;appearance:none;background:#000;font-weight:bold;color:#fff;padding:0px 1rem 0px 0px;text-align:right;border:2px solid #1c2433;border-radius:.6rem;transition:border-color .2s}.yc-form-item .yc-form-item-input .yc-form-input-enter input:hover{border-color:#222c3d}.yc-form-item .yc-form-item-input .yc-form-input-enter input:focus-visible{border-color:var(--theme-color)}.yc-form-item .yc-form-item-input .yc-form-input-enter input.yc-form-error{border-color:#f43434}.yc-form-item .yc-form-item-input>.yc-form-error{display:none;text-align:right;color:#f43434;font-size:1.4rem;margin:.4rem 0}
@keyframes bounceDown{0%{transform:scaleX(1)}20%{transform:scale3d(0.6, 0.6, 1)}40%{transform:scale3d(1.2, 1.2, 1)}60%{transform:scaleX(1)}80%{transform:scale3d(1.1, 1.1, 1)}100%{transform:scaleX(1)}}@keyframes slideUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes rotateX{0%{transform:translateZ(0) scaleX(1)}50%{transform:translateZ(0) scaleX(-1)}100%{transform:translateZ(0) scaleX(1)}}@keyframes frostedGlass{from{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}}@keyframes closeFrostedGlass{from{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes animation-deposit-btn{0%{transform:translate(-50%, -50%) rotate(0deg)}50%{transform:translate(-50%, -50%) rotate(180deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes animation-rotate360{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes buttonRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes bankFlash{0%,100%{transform:scale(1.2);opacity:1}50%{transform:scale(0.8);opacity:.2}}@keyframes required{0%{background:#fff}50%{background:#db7093}100%{background:#fff}}
.yc-customize{border:.15rem dashed #fff}.yc-customize.yc-customize-hover{border-color:#6eaddb;cursor:pointer}.yc-customize.yc-customize-active{border-color:#ff2b22;z-index:10}.yc-customize.yc-customize-homologous-active{border-color:#ff2b22;z-index:10}.yc-customize-outline{outline:.15rem dashed #fff;margin:.2rem}.yc-customize-outline.yc-customize-hover{outline-color:#6eaddb}.yc-customize-outline.yc-customize-active{outline-color:#ff2b22}.yc-customize-outline.yc-customize-homologous-active{outline-color:#ff2b22}.yc-customize-active-space{margin:.8rem}.yc-customize-active-space-important{margin:.8rem !important}.pc .yc-customize-event{background:#fff;border-radius:.2rem;box-shadow:0 .2rem .8rem 0 rgba(199,200,204,.5);box-sizing:border-box;padding:.4rem .5rem;position:absolute;top:-0.2rem;color:#949494;font-weight:bold;text-align:center;z-index:200;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.pc .yc-customize-event .event-line{width:100%;border-top:.15rem solid #818180}.pc .yc-customize-event .event-item{height:3rem;opacity:.7;flex-shrink:0}.pc .yc-customize-event .event-item:hover{opacity:1;cursor:pointer}.pc .yc-customize-event .event-item.event-special{background-color:#000;border-radius:.5rem;padding:.2rem}.pc .yc-customize-event .event-item[event-type=delete]{height:2.6rem}.pc .yc-customize-event .event-item[event-type=pageLayoutReset]{height:2.5rem}.pc .yc-customize-event .event-item[event-type=componentWithData]{height:2.3rem}.pc .yc-customize-event i{font-size:3em;font-weight:normal}.mobile .yc-customize-event{height:min-content;background:#fff;border-radius:.2rem;box-shadow:0 .2rem .8rem 0 rgba(199,200,204,.5);box-sizing:border-box;padding:.5rem 1rem;position:absolute;color:#949494;font-weight:bold;text-align:center;z-index:200;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.mobile .yc-customize-event .event-line{height:100%;border-left:.15rem solid #818180}.mobile .yc-customize-event .event-item{width:3rem;opacity:.7;flex-shrink:0}.mobile .yc-customize-event .event-item.event-special{background-color:#000;border-radius:.5rem;padding:.2rem}.mobile .yc-customize-event .event-item:hover{opacity:1}.mobile .yc-customize-event .event-item[event-type=delete]{width:2.6rem}.yc-customize-event-component-top,.yc-customize-event-component-bottom{width:2rem;height:2rem;position:absolute;z-index:13;border-radius:50%}.yc-customize-event-component-top img,.yc-customize-event-component-bottom img{width:100%;background:#ff2b22;border-radius:50%}.yc-customize-event-component-top img:hover,.yc-customize-event-component-bottom img:hover{opacity:.8;cursor:pointer}.yc-customize-event-layout-top,.yc-customize-event-layout-bottom{width:2rem;height:2rem;position:absolute;z-index:13;border-radius:50%}.yc-customize-event-layout-top img,.yc-customize-event-layout-bottom img{width:100%;background:#ff2b22;border-radius:50%;padding:.2rem;border:.15rem solid #fff;border-radius:50%}.yc-customize-event-layout-top img:hover,.yc-customize-event-layout-bottom img:hover{opacity:.8;cursor:pointer}.layout-body{border:.15rem dashed #fff;border-radius:0;overflow:hidden}.layout-body.layout-top-center{display:flex;flex-direction:column}.layout-body.layout-top-center-bottom{display:flex;flex-direction:column}.layout-body.layout-left-right{display:flex;flex-direction:row}.layout-body.layout-left-center-right{display:flex;flex-direction:row}.layout-body .layout-block{position:relative;min-width:0;display:flex;flex-direction:column}.layout-body .layout-block.layout-block-top,.layout-body .layout-block.layout-block-bottom,.layout-body .layout-block.layout-block-left,.layout-body .layout-block.layout-block-row-center,.layout-body .layout-block.layout-block-right{overflow:hidden}.layout-body .layout-block.layout-block-top{border-bottom:.15rem dashed #fff}.layout-body .layout-block.layout-block-left{border-right:.15rem dashed #fff}.layout-body .layout-block.layout-block-right{border-left:.15rem dashed #fff}.layout-body:has(>.layout-block-left+.layout-block-right)>.layout-block-left{border-right:none}.layout-body:has(>.layout-block-top+.layout-block-column-center)>.layout-block-top{border-bottom:.15rem dashed #fff}.layout-body:has(>.layout-block-top+.layout-block-column-center)>.layout-block-column-center{border-bottom:none}.layout-body:has(>.layout-block-top+.layout-block-column-center+.layout-block-bottom)>.layout-block-top,.layout-body:has(>.layout-block-top+.layout-block-column-center+.layout-block-bottom)>.layout-block-column-center{border-bottom:.15rem dashed #fff}.layout-body>.layout-block{min-height:7rem}.layout-body>.layout-block>.yc-customize-layout-tool>.yc-customize-layout-add{width:50%;max-width:5rem;max-height:50%}.layout-body>.layout-block>.yc-customize-layout-tool>.yc-customize-component-add{width:50%;max-width:5rem;max-height:50%}.layout-body>.layout-block>.yc-customize-layout-tool>.yc-customize-layout-del{width:45%;max-width:4.5rem;max-height:45%}.layout-body.layout-row>.layout-block{flex:1}#app .page-main>.yc-customize-layout-tool>.yc-customize-layout-add{width:50%}.yc-customize-layout-tool{height:100%;position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;gap:.5rem}.yc-customize-layout-tool .yc-customize-layout-add:hover,.yc-customize-layout-tool .yc-customize-component-add:hover,.yc-customize-layout-tool .yc-customize-layout-del:hover{opacity:.5}.layout-block-page-head>.yc-customize-layout-tool>.yc-customize-layout-add,.layout-block-page-main>.yc-customize-layout-tool>.yc-customize-layout-add,.layout-block-page-foot>.yc-customize-layout-tool>.yc-customize-layout-add,.layout-block-page-navi>.yc-customize-layout-tool>.yc-customize-layout-add{width:15%}.layout-block-page-head>.yc-customize-layout-tool>.yc-customize-component-add,.layout-block-page-main>.yc-customize-layout-tool>.yc-customize-component-add,.layout-block-page-foot>.yc-customize-layout-tool>.yc-customize-component-add,.layout-block-page-navi>.yc-customize-layout-tool>.yc-customize-component-add{width:15%}.layout-block-page-left>.yc-customize-layout-tool>.yc-customize-layout-add{height:4.1%}.layout-block-page-left>.yc-customize-layout-tool>.yc-customize-component-add{height:4.1%}.pc .layout-block-page-head{min-height:6rem;flex:none !important}.pc .layout-block-page-left{width:20rem;flex:none !important;position:sticky;top:0;left:0;right:0;overflow:auto}.pc .layout-block-page-left::-webkit-scrollbar{display:block;width:.8rem}.pc .layout-block-page-left::-webkit-scrollbar-thumb{background-color:#41474e;border-radius:.15rem}.pc .layout-block-page-foot{min-height:12rem;flex:none !important}.pc .layout-block-page-navi{width:100rem;position:fixed;bottom:0;left:50%;margin:auto;transform:translate(-50%, 0%);z-index:130;min-height:8rem;display:flex;flex-direction:column;color:#6c7b9d;font-size:1.2rem;border-radius:.5rem .5rem 0 0}.mobile .layout-block-page-head{min-height:5.8rem;flex:none !important}.mobile .layout-block-page-foot{min-height:12rem;flex:none !important}.mobile .layout-block-page-navi{position:fixed;left:0;right:0;bottom:0;z-index:130;min-height:5.5rem;display:flex;flex-direction:column;color:#6c7b9d;font-size:1.2rem;border-radius:.5rem .5rem 0 0}
.not-customize{border:none}.not-customize *{outline:none !important}.not-customize .yc-customize{border:none}.not-customize .yc-customize-outline{margin:0}.not-customize .layout-body{border:none}.not-customize .layout-body .layout-block.layout-block-top,.not-customize .layout-body .layout-block.layout-block-column-center{border-bottom:none}.not-customize .layout-body .layout-block.layout-block-left{border-right:none}.not-customize .layout-body .layout-block.layout-block-right{border-left:none}.not-customize .layout-body:has(>.layout-block-left+.layout-block-right)>.layout-block-left{border-right:none}.not-customize .layout-body:has(>.layout-block-top+.layout-block-column-center)>.layout-block-top{border-bottom:none}.not-customize .layout-body:has(>.layout-block-top+.layout-block-column-center)>.layout-block-column-center{border-bottom:none}.not-customize .layout-body:has(>.layout-block-top+.layout-block-column-center+.layout-block-bottom)>.layout-block-top,.not-customize .layout-body:has(>.layout-block-top+.layout-block-column-center+.layout-block-bottom)>.layout-block-column-center{border-bottom:none}.not-customize .yc-customize-event-layout-top img,.not-customize .yc-customize-event-layout-bottom img{border:none}

.pagehead-base{height:10rem;display:flex;justify-content:space-between;align-items:center;background:#222c3d;padding:.5rem 1rem .5rem 1.6rem;transition:all .5s}.pagehead-base .logo{height:100%}.pagehead-base .logo:hover{cursor:pointer}.pagehead-base .head-right{display:flex;align-items:center;gap:1rem}.pagehead-base .head-right .login-not{display:flex;align-items:center;gap:1rem}.pagehead-base .head-right .login-not .login-btn{height:4.48rem;padding:0 1.6rem;border-radius:1.5rem;min-height:max-content;color:var(--theme-normal-color);display:flex;justify-content:center;align-items:center;font-size:1.6rem;font-weight:bold}.pagehead-base .head-right .login-not .login-btn:hover{cursor:pointer;opacity:.8}.pagehead-base .head-right .login-not .login-btn.register{background-color:var(--theme-color)}.pagehead-base .head-right{display:flex;align-items:center;gap:.8rem}.pagehead-base .head-right .login-in{display:flex;align-items:center;gap:1rem;font-weight:bold}.pagehead-base .head-right .login-in .user-name{font-size:2.2rem;font-weight:normal;color:var(--theme-normal-color)}.pagehead-base .head-right .login-in .user-moeny{color:gold;font-size:2rem}.pc .pagehead-base{height:10rem}
.head-navi{height:5.8rem;display:flex;justify-content:space-between;align-items:center;background:#222c3d;padding-left:1.8rem;padding-right:1.6rem;position:sticky;top:0;left:0;z-index:130}.head-navi .logo-img{height:100%}.head-navi .logo-img:hover{opacity:.8;cursor:pointer}.head-navi .head-center-navi{display:flex;gap:1rem;align-items:center;text-align:center}.head-navi .head-center-navi.sticky{position:absolute;width:100%;justify-content:space-evenly;top:0;left:0;background:#0d0d0d;height:10rem;margin:0 auto;z-index:10}.head-navi .head-center-navi .navi-item{display:flex;flex-direction:column;align-items:center}.head-navi .head-center-navi .navi-item .navi-img{width:auto;height:3.5rem;display:block}.head-navi .head-center-navi .navi-item .navi-title{font-size:1.6rem;color:var(--theme-static-color);font-weight:bold}.head-navi .head-center-navi .navi-item:hover{cursor:pointer}.head-navi .head-center-navi .navi-item.active .navi-title{color:var(--theme-dynamic-color)}.head-navi .head-right{display:flex;align-items:center;gap:1rem}.head-navi .head-right .login-not{display:flex;align-items:center;gap:1rem}.head-navi .head-right .login-not .login-btn{height:4.48rem;padding:0 1.6rem;border-radius:1.5rem;min-height:max-content;color:var(--theme-normal-color);display:flex;justify-content:center;align-items:center;font-size:1.6rem;font-weight:bold}.head-navi .head-right .login-not .login-btn:hover{cursor:pointer;opacity:.8}.head-navi .head-right .login-not .login-btn.register{background-color:var(--theme-color)}.head-navi .head-right{display:flex;align-items:center;gap:.8rem}.head-navi .head-right .login-in{display:flex;align-items:center;gap:1rem;font-weight:bold}.head-navi .head-right .login-in .user-name{font-size:2.2rem;font-weight:normal;color:var(--theme-normal-color)}.head-navi .head-right .login-in .user-moeny{color:gold;font-size:2rem}.pc .head-navi{height:10rem;padding-left:4.8rem}.pc .head-navi .head-center-navi{gap:8rem}
#mask{position:fixed;top:0;left:0;right:0;bottom:0;transition:all .4s;background:0 0;z-index:9999;justify-content:center;align-items:center;display:none}#mask.mask-show{visibility:visible;background:rgba(0,0,0,.5);display:flex}
.dialogpopup-base{position:fixed;z-index:10000;width:100%;left:0;bottom:0;margin:0;max-height:70%;margin:0 auto;transform:translateZ(0) scale(0);transition:transform .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1.5rem}.dialogpopup-base .popUp-container{width:100%;border-radius:2.5rem;height:75vh;flex:1;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;background:#17191a;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);box-shadow:.3rem .6rem 2rem #000}.dialogpopup-base .popUp-container .popUp-navigator-bar{min-height:7rem;padding:1rem;display:flex;align-items:center;justify-content:center;color:var(--theme-normal-color);font-size:2.5rem;font-weight:bold;text-align:center;overflow:auto}.dialogpopup-base .popUp-container .popUp-content{flex:1;display:block;text-align:justify;overflow-x:hidden;overflow:auto;scrollbar-width:none;font-size:1.4rem;word-break:break-word;scroll-behavior:smooth;padding:1rem 2rem 3rem}.dialogpopup-base .popUp-close{height:4rem;aspect-ratio:1/1;right:0;bottom:calc(100% + 3rem);position:fixed;cursor:pointer;display:block;border-radius:50%;border:.2rem #000 solid;padding:.5rem;transition:all .4s}.dialogpopup-base .popUp-close:hover{background:#054c4d !important;transform:translateZ(0) rotate(180deg)}.mobile .dialogpopup-base.popUp-in{bottom:0;animation:slideUp 1s forwards;width:100%}.mobile .dialogpopup-base .popUp-close{height:4rem}.pc .dialogpopup-base{max-width:55%;left:10%;right:10%;top:15%;bottom:auto;margin:0 auto}.pc .dialogpopup-base.popUp-in{transform:translateZ(0) scale(1)}.pc .dialogpopup-base .popUp-close{height:6rem}
.livepopup-base{position:fixed;z-index:10000;left:0;bottom:0;margin:0;height:80vh;width:100%;max-width:1390px;margin:0 auto;transform:translateZ(0) scale(0);transition:transform .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1.5rem}.livepopup-base.popUp-in{transform:translateZ(0) scale(1)}.livepopup-base .popUp-container{width:100%;border-radius:2.5rem;height:75vh;flex:1;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;background-color:#000;box-shadow:.3rem .6rem 2rem #000}.livepopup-base .popUp-container .popUp-navigator-bar{min-height:7rem;display:flex;align-items:center;justify-content:center;color:var(--theme-normal-color);font-size:2.5rem;font-weight:bold;text-align:center;overflow:auto}.livepopup-base .popUp-container .popUp-content{flex:1;display:block;text-align:justify;overflow-x:hidden;overflow:auto;scrollbar-width:none;font-size:1.4rem;word-break:break-word;scroll-behavior:smooth;margin:1rem 0 1rem;padding:2rem}.livepopup-base .popUp-close{height:6rem;aspect-ratio:1/1;right:0;bottom:calc(100% + 3rem);position:fixed;cursor:pointer;display:block;border-radius:50%;border:.2rem #000 solid;padding:.5rem;transition:all .4s}.livepopup-base .popUp-close:hover{background:#054c4d !important;transform:translateZ(0) rotate(180deg)}.mobile .livepopup-base.popUp-in{bottom:0;animation:slideUp 1s forwards;width:100%}.mobile .livepopup-base .popUp-close{height:4rem}.pc .livepopup-base{left:10%;right:10%;top:15%;bottom:auto;margin:0 auto}.pc .livepopup-base.popUp-in{transform:translateZ(0) scale(1)}.pc .livepopup-base .popUp-close{height:6rem}
.popupmessage-base{position:fixed;z-index:10000;left:10%;right:10%;top:15%;bottom:auto;width:80%;max-height:70%;max-width:48rem;margin:0 auto;transform:translateZ(0) scale(0);transition:transform .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1.5rem}.popupmessage-base.popUp-in{transform:translateZ(0) scale(1)}.popupmessage-base .popUp-container{width:100%;border-radius:2.5rem;height:75vh;flex:1;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;background:#17191a;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);box-shadow:.3rem .6rem 2rem #000}.popupmessage-base .popUp-container .popUp-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;overflow:auto;scrollbar-width:none;font-size:1.4rem;word-break:break-word;scroll-behavior:smooth;padding:2rem;background-color:#fff;gap:4rem}.popupmessage-base .popUp-container .popUp-content .poptip-img{height:13rem}.popupmessage-base .popUp-container .popUp-content .poptip-text{font-size:2.5rem;color:#000;line-height:3.5rem;text-align:center;font-weight:normal}.popupmessage-base .popUp-container .popUp-content .popUp-btns{width:100%;display:flex;flex-direction:column;gap:1rem}.popupmessage-base .popUp-container .popUp-content .popUp-btns .btn{height:7rem;border-radius:2.2rem;font-weight:bold;font-size:2rem;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 3rem}.popupmessage-base .popUp-container .popUp-content .popUp-btns .btn:hover{cursor:pointer;opacity:.8}.popupmessage-base .popUp-container .popUp-content .popUp-btns .btn.confirm{background:#0d0d0d;border-radius:2.2rem;color:#fff}.popupmessage-base .popUp-container .popUp-content .popUp-btns .btn.cancel{color:#949494}.popupmessage-base .popUp-close{height:6rem;aspect-ratio:1/1;right:0;bottom:calc(100% + 3rem);position:fixed;cursor:pointer;display:block;border-radius:50%;border:.2rem #000 solid;padding:.5rem;transition:all .4s}.popupmessage-base .popUp-close:hover{background:#054c4d !important;transform:translateZ(0) rotate(180deg)}
.menupopup-base{width:60%;height:100%;position:fixed;z-index:10000;left:0;top:0;opacity:0;transform:translateZ(0) translateX(-100%);transition:all .3s;display:flex;flex-direction:column;justify-content:center;align-items:center}.menupopup-base.popUp-in{opacity:1;transform:translateZ(0) translateX(0)}.menupopup-base .popUp-container{width:100%;flex:1;overflow:hidden;display:flex;flex-direction:column;background:#17191a;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);box-shadow:.3rem .6rem 2rem #000}.menupopup-base .popUp-container .popUp-navigator-bar{display:flex;align-items:center;justify-content:space-between;color:var(--theme-normal-color);font-size:2rem;font-weight:bold;padding:2rem;text-align:center}.menupopup-base .popUp-container .popUp-navigator-bar .popUp-close{height:2rem}.menupopup-base .popUp-container .popUp-navigator-bar .popUp-close:hover{cursor:pointer;opacity:.8}.menupopup-base .popUp-container .popUp-content{flex:1;display:block;text-align:justify;overflow-x:hidden;overflow:auto;scrollbar-width:none;font-size:1.4rem;word-break:break-word;scroll-behavior:smooth;padding:2rem}.menupopup-base .popUp-container .popUp-content .menu-list{display:flex;flex-direction:column;gap:1.5rem}.menupopup-base .popUp-container .popUp-content .menu-list .menu-item{display:flex;align-items:center;gap:3rem;padding:1rem 0 1rem 3rem;background-color:#1c2433;border-radius:.8rem}.menupopup-base .popUp-container .popUp-content .menu-list .menu-item:hover{cursor:pointer;opacity:.8}.menupopup-base .popUp-container .popUp-content .menu-list .menu-item .menu-img{height:2rem}.menupopup-base .popUp-container .popUp-content .menu-list .menu-item .menu-text{color:var(--theme-normal-color);font-size:2rem}.menupopup-base .popUp-container .popUp-content .login-out{height:5.6rem;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;margin-top:3rem;position:relative;background-color:var(--theme-color);border-radius:1rem}.menupopup-base .popUp-container .popUp-content .login-out:hover{cursor:pointer;opacity:.8}.menupopup-base .popUp-container .popUp-content .login-out .out-img{height:2rem}.menupopup-base .popUp-container .popUp-content .login-out .out-text{color:var(--theme-normal-color);font-size:2rem;font-weight:bold;position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%)}.pc .menupopup-base{width:30%}
.usdtpopup-base{position:fixed;z-index:10000;left:10%;right:10%;top:15%;bottom:auto;max-height:70%;max-width:80%;margin:0 auto;transform:translateZ(0) scale(0);transition:transform .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1.5rem}.usdtpopup-base.popUp-in{transform:translateZ(0) scale(1)}.usdtpopup-base .popUp-container{width:100%;border-radius:2.5rem;height:75vh;flex:1;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;background-color:#333;-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);box-shadow:.3rem .6rem 2rem #000}.usdtpopup-base .popUp-close{height:6rem;aspect-ratio:1/1;top:calc(100% + 3rem);position:fixed;cursor:pointer;display:block;border-radius:50%;border:.2rem #000 solid;padding:.5rem;transition:all .4s}.usdtpopup-base .popUp-close:hover{background:#054c4d !important;transform:translateZ(0) rotate(180deg)}
.pagehead-login{height:8rem;display:flex;justify-content:space-between;align-items:center;background:#222c3d;padding:.5rem 2rem .5rem 1.8rem;transition:all .5s;position:relative}.pagehead-login .head-logo{height:100%}.pagehead-login .head-logo:hover{cursor:pointer}.pagehead-login .head-title{font-weight:bold;font-size:2.5rem;position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);color:var(--theme-normal-color)}.pagehead-login .head-close{height:2rem;width:auto;align-self:start;position:relative;top:2rem;margin:0}.pagehead-login .head-close:hover{cursor:pointer;opacity:.8}.pc .pagehead-login{height:10rem;padding-left:4.8rem}
.pagehead-png{display:flex;flex-direction:column;gap:2rem;padding:2rem}.pagehead-png .help-content{display:flex;align-items:center;justify-content:space-between}.pagehead-png .help-content .logo-img{height:4.2rem}.pagehead-png .help-content .help-box{display:flex;align-items:center;gap:1rem}.pagehead-png .help-content .help-box .help-item{display:flex;align-items:center;gap:.5rem}.pagehead-png .help-content .help-box .help-item:hover{cursor:pointer;opacity:.8}.pagehead-png .help-content .help-box .help-item .help-img{height:2.8rem}.pagehead-png .help-content .help-box .help-item .help-text{font-size:1.4rem;color:var(--theme-normal-color)}.pagehead-png .operate-content{display:flex;align-items:center;gap:4rem}.pagehead-png .operate-content .menu{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:1;overflow:auto;padding:.2rem 0}.pagehead-png .operate-content .menu::-webkit-scrollbar{display:block;height:.5rem}.pagehead-png .operate-content .menu::-webkit-scrollbar-thumb{background-color:#41474e;border-radius:.15rem}.pagehead-png .operate-content .menu .menu-item{display:flex;align-items:center;gap:1rem;padding:1.4rem 5rem;border-radius:.5rem;border-width:0;border-style:solid;border:0px solid rgba(0,0,0,0)}.pagehead-png .operate-content .menu .menu-item.active{background-color:#545454}.pagehead-png .operate-content .menu .menu-item.active .menu-text{color:var(--theme-dynamic-color)}.pagehead-png .operate-content .menu .menu-item:hover{cursor:pointer;opacity:.8}.pagehead-png .operate-content .menu .menu-item .menu-img{height:2.5rem}.pagehead-png .operate-content .menu .menu-item .menu-text{font-size:1.6rem;color:var(--theme-static-color);white-space:nowrap}.pagehead-png .operate-content .login-form{width:35%;display:flex;align-items:center;gap:.8rem;flex-shrink:0}.pagehead-png .operate-content .login-form .input-item{height:3.5rem;background-color:#bebebe;border-radius:.5rem;display:flex;align-items:center;flex:1;max-width:50%;padding:0 .6rem;gap:.5rem;font-size:1.4rem;font-weight:normal;color:var(--theme-normal-color)}.pagehead-png .operate-content .login-form .input-item .form-item-prefix{height:2.4rem}.pagehead-png .operate-content .login-form .input-item .form-item-input{height:100%;width:100%;font-size:inherit;color:inherit}.pagehead-png .operate-content .login-form .login-btn{height:3.5rem;display:flex;align-items:center;background:var(--theme-color);padding:0 4rem;font-weight:bold;font-size:1.4rem;white-space:nowrap;color:var(--theme-normal-color);border-radius:.5rem}.pagehead-png .operate-content .login-form .login-btn:hover{cursor:pointer;opacity:.8}.pagehead-png .operate-content .user-info{display:flex;align-items:center;gap:2rem}.pagehead-png .operate-content .user-info .info-item{display:flex;align-items:center;gap:.5rem}.pagehead-png .operate-content .user-info .info-item:hover{cursor:pointer;opacity:.8}.pagehead-png .operate-content .user-info .info-item .info-img{height:2.8rem}.pagehead-png .operate-content .user-info .info-item .info-text{font-size:1.4rem;color:var(--theme-normal-color)}.pagehead-png .operate-content .user-info .info-item.info-avatar .info-text{font-size:2rem}.pagehead-png .operate-content .user-info .info-item.info-money{height:3.5rem;gap:0}.pagehead-png .operate-content .user-info .info-item.info-money .info-img{height:4rem;margin-right:-3rem;z-index:1}.pagehead-png .operate-content .user-info .info-item.info-money .info-text{height:100%;font-size:1.8rem;font-weight:bold;background-color:rgba(0,0,0,.1);border-radius:10px;box-shadow:inset 0 0 10px rgba(0,0,0,.5),inset 0 0 10px rgba(255,255,255,0);text-shadow:1px 1px 5px rgba(0,0,0,.5);padding:0 .8rem 0 4rem;display:flex;align-items:center;justify-content:space-between;margin:0}.mobile .pagehead-png .operate-content .menu{display:none}.mobile .pagehead-png .operate-content .login-form{width:100%}.mobile .pagehead-png .operate-content .user-info{width:100%}.mobile .pagehead-png .operate-content .user-info .info-avatar{flex:1}.pc .pagehead-base{height:10rem}
.login-word-base{width:100%;height:100%;background:#0d121b;color:#949494;border-radius:.5rem .5rem 0 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;font-size:1.6rem;position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%)}.login-word-base li{list-style:inherit}.login-word-base .login-notify-contain{overflow:auto}.login-word-base .login-notify-contain h3{padding:1rem 0 1.5rem;position:relative;text-align:center;box-sizing:border-box;font-family:SF Pro Display;font-weight:400;font-size:2.5rem;color:var(--theme-normal-color);word-wrap:break-word}.login-word-base .login-notify-contain .login-notify-html p{padding:0 4rem;font-size:1.6rem;line-height:3rem}.login-word-base .login-success-btn{font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 4.2rem;gap:1rem}.login-word-base .login-success-btn .login-btn{width:100%;height:5.6rem;display:flex;justify-content:center;align-items:center;border-radius:.5rem;color:var(--theme-normal-color)}.login-word-base .login-success-btn .login-btn:hover{cursor:pointer;opacity:.8}.login-word-base .login-success-btn .login-btn.login-agree{font-weight:bold;background:var(--theme-color)}.login-word-base .login-success-btn .login-btn.login-reject{font-weight:normal}.pc .login-word-base{width:140rem}
.headsub-base{height:8rem;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;background-color:#222c3d;padding:0 1.4rem}.headsub-base.active{overflow:initial}.headsub-base .filter-menu-mask{width:100%;height:100%;background:inherit;position:absolute;top:0;left:0;z-index:2}.headsub-base .back-box,.headsub-base h1,.headsub-base .head-right{z-index:3}.headsub-base .back-box{height:100%;display:flex;align-items:center}.headsub-base .back-box .back-img{width:1.2rem;padding:1rem;box-sizing:initial}.headsub-base .back-box .back-img:hover{cursor:pointer;opacity:.8}.headsub-base h1{font-size:1.8rem;color:var(--theme-normal-color);position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%)}.headsub-base .head-right .right-icon{height:4rem;display:block}.headsub-base .head-right .right-icon:hover{cursor:pointer;opacity:.8}.headsub-base .head-right .right-text{font-size:2rem}.headsub-base .head-right .right-text:hover{cursor:pointer;opacity:.8}.pc .headsub-base .navi-edit{font-size:1.2rem}
.filtermenu-base{width:100%;position:absolute;padding:2rem;top:100%;left:0;color:#333;box-shadow:0 0 1rem rgba(0,0,0,.5);border-radius:0 0 .5rem .5rem;transform:translateZ(0) translateY(-120%);transition:all .5s;background:#0d0d0d;display:flex;flex-direction:column;gap:1rem;opacity:0;z-index:1}.filtermenu-base.filtermenu-in{transform:translateZ(0) translateY(0);opacity:initial}.filtermenu-base .filter-title{flex-basis:100%;font-weight:normal;font-size:2.5rem;color:#949494;font-family:SF Pro Text}.filtermenu-base .filter-list{grid-template-columns:repeat(2, 1fr);display:grid;gap:1.5rem}.filtermenu-base .filter-list .filter-item{display:flex;justify-content:center;align-items:center;height:5.6rem;transition:all .5s;cursor:pointer;background:#262626;border-radius:1rem;font-family:SF Pro Text;font-weight:normal;font-size:2rem;color:#949494;border:1px solid rgba(0,0,0,0)}.filtermenu-base .filter-list .filter-item.active{border-radius:1rem;border:1px solid #f6f6f6;color:#f6f6f6;background:#0d0d0d}
.headsub-navi{height:8rem;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;background:#222c3d;padding:0 1.4rem}.headsub-navi.active{overflow:initial}.headsub-navi .filter-menu-mask{width:100%;height:100%;background:inherit;position:absolute;top:0;left:0;z-index:2}.headsub-navi .logo-img,.headsub-navi .back-box,.headsub-navi .head-center-navi,.headsub-navi .head-right{z-index:3}.headsub-navi .logo-img{height:100%}.headsub-navi .logo-img:hover{opacity:.8;cursor:pointer}.headsub-navi .back-box{height:100%;display:flex;align-items:center}.headsub-navi .back-box .back-img{width:1.2rem;padding:1rem;box-sizing:initial}.headsub-navi .back-box .back-img:hover{cursor:pointer;opacity:.8}.headsub-navi .head-center-navi{display:flex;gap:1rem;align-items:center;text-align:center}.headsub-navi .head-center-navi.sticky{position:absolute;width:100%;justify-content:space-evenly;top:0;left:0;background:#0d0d0d;height:10rem;margin:0 auto;z-index:10}.headsub-navi .head-center-navi .navi-item{display:flex;flex-direction:column;align-items:center}.headsub-navi .head-center-navi .navi-item .navi-img{width:auto;height:3.5rem;display:block}.headsub-navi .head-center-navi .navi-item .navi-title{font-size:1.6rem;color:var(--theme-static-color);font-weight:bold}.headsub-navi .head-center-navi .navi-item:hover{cursor:pointer}.headsub-navi .head-center-navi .navi-item.active .navi-title{color:var(--theme-dynamic-color)}.headsub-navi .head-right .right-icon{height:4rem;display:block}.headsub-navi .head-right .right-icon:hover{cursor:pointer;opacity:.8}.headsub-navi .head-right .right-text{font-size:2rem}.headsub-navi .head-right .right-text:hover{cursor:pointer;opacity:.8}.pc .headsub-navi .head-center-navi{gap:8rem}
.page-foot-base{color:var(--theme-minor-color);font-weight:bold;font-size:1.6rem;text-align:center;display:flex;align-items:center;padding:3.2rem 4rem 4rem 4rem;white-space:pre-wrap;line-height:1.8rem}.pc .page-foot-base{font-size:1.4rem}
.page-foot-sponsors{padding-top:3.2rem;padding-bottom:4rem;color:var(--theme-minor-color);font-weight:bold;padding:1.6rem;display:flex;flex-direction:column;gap:1.2rem}.page-foot-sponsors .sponsors-reveal{display:grid;grid-template-columns:repeat(5, 1fr)}.page-foot-sponsors .sponsors-reveal img{height:5rem}.page-foot-sponsors .sponsors-reveal img:hover{cursor:pointer;opacity:.8}.page-foot-sponsors .text-describe{margin:0 auto;text-align:center;font-size:1.6rem;line-height:1.8rem;white-space:pre-wrap}.pc .page-foot-sponsors .sponsors-reveal img{height:4rem}.pc .page-foot-sponsors .text-describe{font-size:1.4rem}
.page-foot-collaboration{padding-top:3.2rem;padding-bottom:4rem;color:var(--theme-minor-color);font-weight:bold;padding:1.4rem;display:flex;flex-direction:column;gap:1.5rem}.page-foot-collaboration .page-foot-title{font-size:2rem;font-weight:bold;text-align:center}.page-foot-collaboration .sponsors-reveal{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.4rem}.page-foot-collaboration .sponsors-reveal img{height:5rem}.page-foot-collaboration .sponsors-reveal img:hover{cursor:pointer;opacity:.8}.pc .page-foot-collaboration .sponsors-reveal img{height:4rem}
.swiper-base{height:15rem;border-radius:1rem;overflow:hidden}.swiper-base .swiper{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:hidden;position:sticky;top:0;left:0;right:0}.swiper-base .swiper:hover .next{transform:translateZ(0) translateX(0)}.swiper-base .swiper:hover .prev{transform:translateZ(0) translateX(0) rotate(180deg)}.swiper-base .swiper .swiper-container{width:100%;height:100%;display:flex;position:relative;transition:all .4s}.swiper-base .swiper .next,.swiper-base .swiper .prev{display:flex;justify-content:center;align-items:center;width:8rem;height:15rem;position:absolute;right:0;border-radius:2rem 0 0 2rem;cursor:pointer;background:rgba(255,255,255,.5333333333) url(../static/src/components/customize/common/swiper/base/img/_icon-arrow.svg) no-repeat center/2rem;transform:translateZ(0) translateX(100%);transition:all .4s}.swiper-base .swiper .next:hover,.swiper-base .swiper .prev:hover{background:#fff url(../static/src/components/customize/common/swiper/base/img/_icon-arrow.svg) no-repeat center/2rem}.swiper-base .swiper .prev{right:unset;left:0;transform:translateZ(0) rotate(180deg) translateX(100%)}.swiper-base .swiper .swiper-dots{position:absolute;bottom:2rem;width:auto;display:flex;gap:1rem}.swiper-base .swiper .swiper-dots .dot{width:1rem;height:1rem;display:block;border-radius:.5rem;cursor:pointer;background:rgba(255,255,255,.7);transition:all .4s;box-shadow:.2rem .4rem .6rem rgba(0,0,0,.8)}.swiper-base .swiper .swiper-dots .current{width:3rem;background:#fff;cursor:default}.swiper-base .swiper .swiper-item{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden;position:relative;cursor:pointer;transition:all .4s;width:inherit;flex-shrink:0}.swiper-base .swiper .current{filter:unset !important}.swiper-base .swiper .swiper-item img{width:100%;height:100%;display:block;overflow:hidden;object-fit:cover;position:relative;transition:all 2s}.swiper-base .swiper .current:hover img{transform:translateZ(0) scale(1.1)}.pc .swiper-base{height:40rem;border-radius:1.5rem}.pc .swiper-base .swiper{height:100%;box-shadow:0 0 1.5rem 0 rgba(36,38,51,.05)}
.swiper-placard{display:flex;overflow:hidden;cursor:-webkit-grab;cursor:grab}.swiper-placard ul.placard-list{height:7rem;list-style:none;display:flex;padding:0;gap:.6rem}.swiper-placard ul.placard-list.yc-customize-active{margin:.8rem}.swiper-placard ul.placard-list li{height:100%;overflow:hidden;display:flex}.swiper-placard ul.placard-list li a{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.swiper-placard ul.placard-list li img{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;height:100%;overflow:hidden;display:block}
.navi-base{height:8rem;background:url(../images/src/components/customize/common/navi/base/img/navi_bottom_bg.png) no-repeat center top;display:flex;justify-content:space-around;align-items:center;background-size:cover;font-size:1.2rem;border-radius:.5rem .5rem 0 0;box-shadow:0 0 2rem rgba(0,0,0,.1);gap:1rem;margin:0;padding:.5rem 0;position:relative}.navi-base .navi-item{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;margin:0 !important;font-weight:normal;gap:.1rem;font-size:1.4rem;color:var(--theme-static-color)}.navi-base .navi-item.active .navi-title{color:var(--theme-dynamic-color)}.navi-base .navi-item .navi-img{height:3.5rem;flex-shrink:0}.navi-base .navi-item .navi-img.navi-pulse-img{height:80%;z-index:15;animation:bounceDown 1s ease-in-out infinite;margin-top:-6.3rem}.navi-base .navi-item-pulse{width:7rem;height:7rem;border-radius:50%;position:absolute;top:10%;left:50%;margin:auto;transform:translate(-50%, -50%);background:linear-gradient(-25deg, #4EC516, #A3D712, #4EC516);box-shadow:0px 0px 28px 12px rgba(23,23,23,.3)}
.navi-cyan{height:8rem;display:flex;justify-content:space-around;align-items:center;color:var(--theme-static-color);background-size:cover;font-size:1.2rem;border-radius:.5rem .5rem 0 0;box-shadow:0 0 2rem rgba(0,0,0,.1);gap:1rem;margin:0;background-color:#171918;padding:.5rem 0}.navi-cyan .navi-item{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;margin:0 !important;font-weight:normal;gap:.1rem;font-size:1.4rem}.navi-cyan .navi-item.active .navi-title{color:var(--theme-dynamic-color)}.navi-cyan .navi-item .navi-img{height:70%;flex-shrink:0}
.image-base{flex-shrink:0}.image-base:hover{cursor:pointer;opacity:.8}
.leftmenu-base{display:flex;flex-direction:column;gap:3rem}.leftmenu-base .menu-list{display:flex;flex-direction:column;gap:1rem}.leftmenu-base .menu-list .menu-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:.5rem;background-color:#1c2433}.leftmenu-base .menu-list .menu-item:hover{cursor:pointer;opacity:.8}.leftmenu-base .menu-list .menu-item .menu-img{height:2.5rem}.leftmenu-base .menu-list .menu-item .menu-text{font-size:1.6rem;color:var(--theme-normal-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leftmenu-base .login-out{height:4.6rem;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;position:relative;background-color:var(--theme-color);border-radius:1rem}.leftmenu-base .login-out:hover{cursor:pointer;opacity:.8}.leftmenu-base .login-out .out-img{height:2rem}.leftmenu-base .login-out .out-text{color:var(--theme-normal-color);font-size:1.6rem;font-weight:bold;position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%)}
.textcarousel-base{overflow:hidden;background-color:#000;padding:1rem 0;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);white-space:nowrap;position:relative}.textcarousel-base .marquee-content{width:max-content;min-width:100%;font-size:2rem;color:#a3a3a3}
.textcarousel-icon{overflow:hidden;background-color:#000;padding:1rem 0;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);white-space:nowrap;position:relative}.textcarousel-icon .tip-img{height:100%;padding:.5rem;position:absolute;top:50%;left:0;transform:translate(0%, -50%);z-index:1;background-color:inherit}.textcarousel-icon .marquee-content{width:max-content;min-width:100%;font-size:2rem;color:#a3a3a3}
.accountusercard-base{position:relative;display:flex;justify-content:center;box-sizing:border-box;color:#fff;flex-direction:column;padding:1.4rem;gap:2rem}.accountusercard-base .mine-info{display:flex;align-items:center;box-sizing:border-box;gap:1.5rem}.accountusercard-base .mine-info .mine-head{width:auto;height:7rem;display:block;border-radius:50%;overflow:hidden}.accountusercard-base .mine-info .mine-info-name{overflow:hidden;font-size:2rem;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--theme-normal-color);cursor:pointer}.accountusercard-base .mine-statistics{display:flex;align-items:center;list-style-type:none;box-sizing:border-box;transform:translateZ(0) translateY(0);justify-content:space-between}.accountusercard-base .mine-statistics li.myPurse{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:.8rem;align-items:flex-start;color:var(--theme-normal-color);gap:.5rem}.accountusercard-base .mine-statistics li.myPurse .user-money{color:var(--theme-normal-color);font-weight:bold;font-size:2rem}.accountusercard-base .mine-statistics li.myPurse p{display:flex;justify-content:center;align-items:center;gap:.5rem}.accountusercard-base .mine-statistics li.myPurse p .wallet{font-size:1.8rem;font-weight:normal;color:var(--theme-minor-color)}.accountusercard-base .mine-statistics li.myPurse p .refresh-icon{width:auto;height:1.6rem;transition:all .5s}.accountusercard-base .mine-statistics li.myPurse p .refresh-icon:hover{cursor:pointer}.accountusercard-base .mine-statistics li.myPurse p .currency-icon{font-size:1.4rem;color:var(--theme-minor-color)}.accountusercard-base .mine-statistics li.btn-outers{display:flex;justify-content:center;align-items:center;gap:.5rem}.accountusercard-base .mine-statistics li.btn-outers .btn-outer{height:4.4rem;padding:0 1rem;background:var(--theme-color);border-radius:.5rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--theme-normal-color)}.accountusercard-base .mine-statistics li.btn-outers .btn-outer:hover{cursor:pointer;opacity:.8}
.accountusercard-png{position:relative;display:flex;justify-content:center;box-sizing:border-box;color:#fff;flex-direction:column}.accountusercard-png .user-info-assets{display:flex;flex-direction:column;gap:1rem;background:url(../images/src/page/account/components/accountUserCard/png/img/mine-bg-0.png) no-repeat center bottom/contain;overflow:hidden}.accountusercard-png .user-info-assets .user-info{display:flex;justify-content:space-between}.accountusercard-png .user-info-assets .user-info .user-face{display:flex;align-items:center;gap:2rem}.accountusercard-png .user-info-assets .user-info .user-face .user-img{width:max-content;height:7rem;flex-shrink:0}.accountusercard-png .user-info-assets .user-info .user-face .user-name .user-nickname{width:max-content;font-size:2rem;font-weight:bold}.accountusercard-png .user-info-assets .user-info .user-face .user-name .welcome-text{font-size:1.6rem}.accountusercard-png .user-info-assets .user-info .gear-img{height:2.8rem}.accountusercard-png .user-info-assets .user-info .gear-img:hover{cursor:pointer;opacity:.8}.accountusercard-png .user-info-assets .user-assets-cover{overflow:hidden;margin-bottom:2%}.accountusercard-png .user-info-assets .user-assets-cover .user-assets{display:flex;justify-content:space-between;background:linear-gradient(120deg, #444, #555);padding:2rem 4rem;border-radius:2rem 2rem 0 0;margin:0 5rem;gap:2rem;transition:all 1s .5s;transform:translateZ(0) translateY(100%)}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-money{display:flex;flex-direction:column;gap:2rem;flex:1;align-items:center}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-money .refresh-content{display:flex;gap:.5rem;align-items:center}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-money .refresh-content .refresh-title{height:max-content;font-size:1.6rem;font-weight:bold}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-money .refresh-content .refresh-icon{height:2rem;transition:all .5s}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-money .refresh-content .refresh-icon:hover{cursor:pointer;opacity:.8}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-money .info-money{height:3.5rem;display:flex;align-items:center;gap:0}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-money .info-money .coin-img{height:4rem;margin-right:-3rem;z-index:1}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-money .info-money .user-money{height:100%;font-size:1.8rem;font-weight:bold;background-color:rgba(0,0,0,.1);border-radius:10px;box-shadow:inset 0 0 10px rgba(0,0,0,.5),inset 0 0 10px rgba(255,255,255,0);text-shadow:1px 1px 5px rgba(0,0,0,.5);padding:0 .8rem 0 4rem;display:flex;align-items:center;justify-content:space-between;margin:0}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-wallet{display:flex;gap:2rem}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-wallet .wallet-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-wallet .wallet-btn img{width:3.6rem;height:max-content;margin:0}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-wallet .wallet-btn .wallet-txt{font-size:1.4rem;margin:0}.accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-wallet .wallet-btn:hover{cursor:pointer;opacity:.8}.accountusercard-png .history-menu{display:flex;justify-content:space-between;padding:1.5rem;background-color:#3f3f3f}.accountusercard-png .history-menu .menu-item{width:25%;display:flex;flex-direction:column;gap:.5rem;align-items:center}.accountusercard-png .history-menu .menu-item:hover{cursor:pointer;opacity:.8}.accountusercard-png .history-menu .menu-item .menu-img{height:4.7rem;margin:0}.accountusercard-png .history-menu .menu-item .menu-text{font-size:1.4rem;margin:0}.page-main.account.fadeIn .accountusercard-png .user-info-assets .user-assets-cover .user-assets{transform:translateZ(0) translateY(0)}.pc .accountusercard-png .user-info-assets .user-assets-cover .user-assets{margin:0 8rem}.pc .accountusercard-png .user-info-assets .user-assets-cover .user-assets .assets-wallet{gap:4rem}
.accountusermenu-base{display:flex;flex-direction:column;gap:.4rem}.accountusermenu-base .menu-item{display:flex;align-items:center;gap:1rem;padding:0 1.5rem}.accountusermenu-base .menu-item:hover{cursor:pointer;opacity:.8}.accountusermenu-base .menu-item:last-child .menu-info{border-bottom:none}.accountusermenu-base .menu-item .menu-icon{height:2.5rem}.accountusermenu-base .menu-item .menu-info{height:6rem;width:50%;display:flex;flex-direction:column;justify-content:center;flex:1;border-bottom:#111922 .18rem solid;border-top:0;border-left:0;border-right:0;padding:0;gap:.1rem}.accountusermenu-base .menu-item .menu-info .menu-title{width:max-content;font-size:1.6rem;color:var(--theme-normal-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountusermenu-base .menu-item .menu-info .menu-deac{width:max-content;font-size:1.4rem;color:var(--theme-minor-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.accountsandsecurityinfo-base{padding:2.5rem 2rem;overflow:hidden;border-radius:.5rem;background:#1c2433}.accountsandsecurityinfo-base:hover{cursor:pointer;opacity:.8}.accountsandsecurityinfo-base .item-info{display:flex;justify-content:space-between;align-items:center}.accountsandsecurityinfo-base .item-info .item-title{font-size:2rem;color:var(--theme-normal-color);font-weight:normal}.accountsandsecurityinfo-base .item-info .item-arrow{height:2.2rem}.popUp-passwordrevise{display:flex;flex-direction:column;gap:5rem}.popUp-passwordrevise .password-form{display:flex;flex-direction:column;gap:2rem}.popUp-passwordrevise .password-form .form-item{display:flex;flex-direction:column}.popUp-passwordrevise .password-form .form-item .form-item-content{height:5.6rem;display:flex;align-items:center;justify-content:space-between;background:#0d0d0d;border-radius:1rem;padding:0 1.5rem;color:var(--theme-normal-color);font-size:2rem;gap:.5rem}.popUp-passwordrevise .password-form .form-item .form-item-content .form-label{font-size:1.6rem;color:var(--theme-normal-color);flex-shrink:0}.popUp-passwordrevise .password-form .form-item .form-item-content .form-input{width:50%;flex:1;height:100%;font-weight:inherit;font-size:inherit;color:inherit;display:flex;align-items:center;gap:.5rem}.popUp-passwordrevise .password-form .form-item .form-item-content .form-input input{width:50%;height:100%;flex:1;font-weight:inherit;font-size:inherit;color:inherit;text-align:right}.popUp-passwordrevise .password-form .form-item .form-item-content .form-input .password-eyes{height:3rem;flex-shrink:0;margin:0}.popUp-passwordrevise .password-form .form-item .form-item-content .form-input .password-eyes:hover{cursor:pointer;opacity:.8}.popUp-passwordrevise .password-form .form-item .form-item-tip{margin-top:1rem;padding:.5rem .5rem .5rem 1rem;font-size:1.4rem;color:#ff6e12;background:rgba(255,110,18,.08);border-radius:.5rem;display:flex;align-items:center;display:none}.popUp-passwordrevise .password-btns{display:flex;flex-direction:column;gap:2rem}.popUp-passwordrevise .password-btns .btn{height:6rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--theme-normal-color)}.popUp-passwordrevise .password-btns .btn:hover{cursor:pointer;opacity:.8}.popUp-passwordrevise .password-btns .btn.forget-password{background-color:var(--theme-color);font-weight:bold}.pc .popUp-passwordrevise .password-form .form-item .form-item-content .form-label{font-size:2rem}
.betrecordstabs-base{flex:1;min-height:60rem;display:flex;flex-direction:column;gap:1rem;position:relative}.betrecordstabs-base .tabs,.betrecordstabs-base .sub-tabs{flex-shrink:0}.betrecordstabs-base .betrecordshistorylist{flex:1}.betrecordstabs-base .betrecordshistorylist.yc-customize-active-space{min-width:calc(100% - 1.6rem)}
.betrecordsgametypetab-base{display:flex;align-items:center;list-style-type:none;overflow:hidden;padding:.5rem;overflow-x:auto;white-space:nowrap;border-radius:.5rem;gap:1rem;flex-shrink:0}.betrecordsgametypetab-base .tab{height:4.6rem;flex:1;display:flex;justify-content:center;align-items:center;position:relative;text-transform:capitalize;font-size:2rem;color:var(--theme-static-color);border-radius:.5rem;border:.15rem solid rgba(0,0,0,0)}.betrecordsgametypetab-base .tab.active{background-color:var(--theme-color);font-weight:bold;color:var(--theme-dynamic-color);border-color:var(--theme-color)}.betrecordsgametypetab-base .tab:hover{cursor:pointer;opacity:.8}
.betrecordsgameitemtab-base{display:flex;align-items:center;list-style-type:none;overflow:hidden;padding:.5rem;overflow-x:auto;white-space:nowrap;border-radius:.5rem;gap:1rem;flex-shrink:0}.betrecordsgameitemtab-base::-webkit-scrollbar{display:block;height:.8rem}.betrecordsgameitemtab-base::-webkit-scrollbar-thumb{background-color:#41474e;border-radius:.5rem}.betrecordsgameitemtab-base .tab{height:4.6rem;display:flex;justify-content:center;align-items:center;font-size:2rem;color:var(--theme-static-color);border-radius:.5rem;padding:0 1rem;border:.15rem solid rgba(0,0,0,0)}.betrecordsgameitemtab-base .tab.active{font-weight:bold;color:var(--theme-dynamic-color);border-color:var(--theme-color)}.betrecordsgameitemtab-base .tab:hover{cursor:pointer;opacity:.8}
.betrecordshistorylist-base{position:relative;padding:2rem;overflow:auto;display:flex;flex-direction:column;gap:2rem}.betrecordshistorylist-base .empty-data{position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center}.betrecordshistorylist-base .empty-data .empty-icon{height:23rem}.betrecordshistorylist-base .empty-data .empty-text{font-size:1.6rem;color:var(--theme-minor-color)}.betrecordshistorylist-base .range{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:2rem;font-weight:normal}.betrecordshistorylist-base .range:after,.betrecordshistorylist-base .range:before{content:"";display:block;flex:1;height:.15rem;border-top:.15rem #6a82ad dashed;box-sizing:border-box}.betrecordshistorylist-base .range h3{margin:0 1rem;color:var(--theme-minor-color)}.betrecordshistorylist-base .list{display:flex;flex-direction:column;gap:2rem;position:relative;flex:1}.betrecordshistorylist-base .list .game-item{display:flex;flex-direction:column;gap:1.2rem;padding:0 2.2rem 1.6rem;background:#262626;border-radius:2.4rem}.betrecordshistorylist-base .list .game-item:hover{cursor:pointer;opacity:.8}.betrecordshistorylist-base .list .game-item .game-title{height:6.7rem;display:flex;align-items:center;text-align:left;color:#f6f6f6;font-size:2.5rem;border-bottom:#0d0d0d 1px solid;border-top:0;border-left:0;border-right:0}.betrecordshistorylist-base .list .game-item .game-info{display:flex;flex-direction:column;gap:1rem}.betrecordshistorylist-base .list .game-item .game-info .row-item{display:flex;justify-content:space-between;align-items:center}.betrecordshistorylist-base .list .game-item .game-info .row-item .left-content{color:#949494;font-size:2rem;display:flex;align-items:baseline}.betrecordshistorylist-base .list .game-item .game-info .row-item .right-content{color:#b1bad3;font-size:2rem}.betrecordshistorylist-base .list .game-item .game-info .row-item .right-content.bet-amount{color:#ff3f12;font-weight:bold}.betrecordshistorylist-base .list .game-item .game-info .row-item .right-content.income{color:green;font-weight:bold}.betrecordshistorylist-base .more{height:4rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:var(--theme-normal-color)}.betrecordshistorylist-base .more:hover{cursor:pointer;opacity:.8}
.bonustabs-base{display:flex;flex-direction:column;gap:1.6rem;position:relative}.bonustabs-base .tabs-panes{flex:1}
.bonustab-base{height:5.6rem;display:flex;align-items:center;list-style-type:none;overflow:hidden;padding:.5rem;overflow-x:auto;white-space:nowrap;border-radius:.5rem;gap:1rem;flex-shrink:0;background-color:#222c3d}.bonustab-base .tab{height:100%;flex:1;display:flex;justify-content:center;align-items:center;position:relative;text-transform:capitalize;font-size:2rem;color:var(--theme-static-color);border-radius:.5rem;border:.15rem solid rgba(0,0,0,0)}.bonustab-base .tab.active{background-color:var(--theme-color);font-weight:bold;color:var(--theme-dynamic-color);border-color:var(--theme-color)}.bonustab-base .tab:hover{cursor:pointer;opacity:.8}.bonustab-base .tab span{position:relative}.bonustab-base .tab span i{font-size:1.6rem;position:absolute;top:0;left:113%;transform:translate(-50%, -50%);width:3.3rem;height:2.2rem;background-color:red;color:#fff;border-radius:.6rem .6rem .6rem .1rem;display:block;text-align:center}
.bonushistorylist-base{margin:0 1.6rem 1rem}.bonushistorylist-base table.table-list{width:100%;border-collapse:collapse;border-radius:.5rem;overflow:hidden;table-layout:fixed}.bonushistorylist-base table.table-list thead{background:#1c2433}.bonushistorylist-base table.table-list thead tr th{height:4.5rem;text-align:center;font-family:Helvetica;font-weight:normal;font-size:2rem;color:#8a8c99;border-bottom:#3d3e45 1px solid}.bonushistorylist-base table.table-list tbody .empty-data-container .empty-data{display:flex;flex-direction:column;align-items:center;padding:6rem 0}.bonushistorylist-base table.table-list tbody .empty-data-container .empty-data .empty-icon{height:23rem}.bonushistorylist-base table.table-list tbody .empty-data-container .empty-data .empty-text{font-size:1.6rem;color:#999}.bonushistorylist-base table.table-list tbody tr{background:#1c2433}.bonushistorylist-base table.table-list tbody tr:hover{opacity:.8}.bonushistorylist-base table.table-list tbody tr td{text-align:center;height:3.5rem;font-size:1.4rem}
.bonusreceivelist-base{margin:0 1.6rem 1rem;display:flex;flex-direction:column;gap:1rem}.bonusreceivelist-base .list-operate{display:flex;align-items:center;gap:1rem;justify-content:center;padding:1rem}.bonusreceivelist-base .list-operate .bonus-amount{font-size:1.6rem;color:var(--theme-normal-color)}.bonusreceivelist-base .list-operate .bonus-btn{height:3.6rem;font-size:1.6rem;background:linear-gradient(90deg, #6cb4ee, #a0d7ff);box-shadow:0 8px 20px rgba(0,0,0,.25);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--theme-normal-color);padding:0 2rem}.bonusreceivelist-base .list-operate .bonus-btn:hover{cursor:pointer;opacity:.8}.bonusreceivelist-base table.table-list{width:100%;border-collapse:collapse;border-radius:.5rem;overflow:hidden}.bonusreceivelist-base table.table-list thead tr{background:#1c2433}.bonusreceivelist-base table.table-list thead tr th{height:4.5rem;text-align:center;font-family:Helvetica;font-weight:normal;font-size:2rem;color:#8a8c99;border-bottom:#3d3e45 1px solid}.bonusreceivelist-base table.table-list tbody .empty-data-container .empty-data{display:flex;flex-direction:column;align-items:center;padding:6rem 0}.bonusreceivelist-base table.table-list tbody .empty-data-container .empty-data .empty-icon{height:23rem}.bonusreceivelist-base table.table-list tbody .empty-data-container .empty-data .empty-text{font-size:1.6rem;color:#999}.bonusreceivelist-base table.table-list tbody tr{background:#1c2433}.bonusreceivelist-base table.table-list tbody tr:hover{opacity:.8;cursor:pointer}.bonusreceivelist-base table.table-list tbody tr td{text-align:center;height:3.5rem;font-size:1.4rem}.bonusreceivelist-base table.table-list tbody tr td:nth-child(3){color:#409eff}.popUp-bonushistorylist table.table-list{width:100%;border-collapse:collapse;border-radius:.5rem;overflow:hidden}.popUp-bonushistorylist table.table-list thead tr{background:#1c2433}.popUp-bonushistorylist table.table-list thead tr th{height:4.5rem;text-align:center;font-family:Helvetica;font-weight:normal;font-size:2rem;color:#8a8c99;border-bottom:#3d3e45 1px solid}.popUp-bonushistorylist table.table-list tbody tr{background:#1c2433}.popUp-bonushistorylist table.table-list tbody tr:hover{opacity:.8;cursor:pointer}.popUp-bonushistorylist table.table-list tbody tr td{text-align:center;height:3.5rem;font-size:1.4rem}.popUp-bonusplayerlist{display:flex;flex-direction:column;align-items:center}.popUp-bonusplayerlist .level-back-btn{color:#409eff;cursor:pointer;text-align:center;margin-bottom:1rem;font-size:2rem;display:none}.popUp-bonusplayerlist table.table-list{width:100%;border-collapse:collapse;border-radius:.5rem;overflow:hidden}.popUp-bonusplayerlist table.table-list thead tr{background:#1c2433}.popUp-bonusplayerlist table.table-list thead tr th{height:4.5rem;text-align:center;font-family:Helvetica;font-weight:normal;font-size:2rem;color:#8a8c99;border-bottom:#3d3e45 1px solid}.popUp-bonusplayerlist table.table-list tbody.tbody-list tr td:nth-child(3){color:#409eff}.popUp-bonusplayerlist table.table-list tbody tr{background:#1c2433}.popUp-bonusplayerlist table.table-list tbody tr:hover{opacity:.8;cursor:pointer}.popUp-bonusplayerlist table.table-list tbody tr td{text-align:center;height:3.5rem;font-size:1.4rem}
.depositbank-base{min-height:60rem;display:flex;flex-direction:column;gap:1rem;flex:1}
.depositbanktabs-base .bank-title{margin-top:1rem;margin-bottom:.5rem;font-size:2rem;color:#55657e}.depositbanktabs-base .bank-list{display:grid;gap:.5rem;grid-template-columns:repeat(3, 1fr)}.depositbanktabs-base .bank-list .bank-item{height:7rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.5rem .5rem;position:relative;background-color:#222c3d;border:2px solid #222c3d;transition:all .2s;gap:.5rem;font-size:1.4rem;font-weight:bold}.depositbanktabs-base .bank-list .bank-item:hover{cursor:pointer;opacity:.8}.depositbanktabs-base .bank-list .bank-item.active{border-color:var(--theme-color)}.depositbanktabs-base .bank-list .bank-item.active .check{display:initial;position:absolute;border-right-color:inherit;border-bottom-color:inherit;border-left-color:rgba(0,0,0,0);border-right-width:2.2rem;right:0px;bottom:0px;width:0px;height:0px;border-top:2.2rem solid rgba(0,0,0,0);border-style:solid;box-sizing:border-box;overflow-wrap:break-word}.depositbanktabs-base .bank-list .bank-item.active .icon-gouxuan{height:1.4rem;display:block;position:absolute;right:0;bottom:0}.depositbanktabs-base .bank-list .bank-item img{height:40%;margin:0}.depositbanktabs-base .bank-list .bank-item .title{color:var(--theme-normal-color);margin:0}.depositbanktabs-base .bank-list .bank-item .range{font-size:1.4rem;color:var(--theme-minor-color);display:flex;justify-content:center;align-items:center;margin:0}.depositbanktabs-base .bank-list .bank-item .icon-gouxuan{display:none}.depositbanktabs-base .bank-list .bank-item .check{display:none}.pc .depositbanktabs-base .bank-list{grid-template-columns:repeat(6, 1fr)}
.depositbanktabs-text .bank-title{margin-top:1rem;margin-bottom:.5rem;font-size:2rem;color:#55657e}.depositbanktabs-text .bank-list{display:grid;gap:.5rem;grid-template-columns:repeat(3, 1fr)}.depositbanktabs-text .bank-list .bank-item{height:7rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 .5rem;position:relative;background-color:#222c3d;border:2px solid #222c3d;transition:all .2s;gap:.5rem;font-size:1.4rem;font-weight:bold}.depositbanktabs-text .bank-list .bank-item:hover{cursor:pointer;opacity:.8}.depositbanktabs-text .bank-list .bank-item.active{border-color:var(--theme-color);background-color:var(--theme-color);color:#fff}.depositbanktabs-text .bank-list .bank-item.active .bank-info .range{color:#fff}.depositbanktabs-text .bank-list .bank-item img{height:40%;margin:0}.depositbanktabs-text .bank-list .bank-item .title{color:var(--theme-normal-color);margin:0}.depositbanktabs-text .bank-list .bank-item .range{font-size:1.4rem;color:var(--theme-minor-color);display:flex;justify-content:center;align-items:center;margin:0}.depositbanktabs-text .bank-list .bank-item .icon-gouxuan{display:none}.pc .depositbanktabs-base .bank-list{grid-template-columns:repeat(6, 1fr)}
.depositbanktabs-gradient .bank-title{margin-top:1rem;margin-bottom:.5rem;font-size:2rem;color:#55657e}.depositbanktabs-gradient .bank-list{display:grid;gap:.5rem;grid-template-columns:repeat(3, 1fr)}.depositbanktabs-gradient .bank-list .bank-item{height:8rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.5rem .5rem;position:relative;background-color:#222c3d;border:2px solid #222c3d;transition:background-color .2s;gap:.5rem;font-size:1.4rem;font-weight:bold}.depositbanktabs-gradient .bank-list .bank-item:hover{cursor:pointer;opacity:.8}.depositbanktabs-gradient .bank-list .bank-item.active{border-color:var(--theme-color);background-color:var(--theme-color);color:#fff;background:linear-gradient(transparent, #ae5858) padding-box,linear-gradient(0deg, #ff7675, #6c5ce7, #00cec9) border-box}.depositbanktabs-gradient .bank-list .bank-item.active .bank-info .range{color:#fff}.depositbanktabs-gradient .bank-list .bank-item img{height:40%;margin:0}.depositbanktabs-gradient .bank-list .bank-item .title{color:var(--theme-normal-color);margin:0}.depositbanktabs-gradient .bank-list .bank-item .range{font-size:1.4rem;color:var(--theme-minor-color);display:flex;justify-content:center;align-items:center;margin:0}.depositbanktabs-gradient .bank-list .bank-item .icon-gouxuan{display:none}.pc .depositbanktabs-base .bank-list{grid-template-columns:repeat(6, 1fr)}

.bankdeposit-base{display:flex;flex-direction:column;gap:1rem}.bankdeposit-base .bank-info .bank-item{display:flex;justify-content:space-between;align-items:center;font-size:2rem;border-bottom:.1rem #0d0d0d solid;border-top:0;border-left:0;border-right:0;padding:1rem 0}.bankdeposit-base .bank-info .bank-item .item-label{color:#80848d}.bankdeposit-base .bank-info .bank-item .item-value{display:flex;align-items:center;gap:1.5rem}.bankdeposit-base .bank-info .bank-item .item-value .copy-text{color:var(--theme-normal-color)}.bankdeposit-base .bank-info .bank-item .item-value .copy-btn{height:3.5rem;padding:0 1rem;color:#89fb76;border:1px solid #0a0019;border-radius:1rem;display:flex;align-items:center;justify-content:center}.bankdeposit-base .bank-info .bank-item .item-value .copy-btn:hover{cursor:pointer;opacity:.8}.bankdeposit-base .bank-rule{padding:1rem 0;color:red;font-size:2rem;animation:blink 2s forwards;border-top:.1rem #eee solid;border-bottom:0;border-left:0;border-right:0}.bankdeposit-base .deposit-amount{font-size:2rem;display:flex;flex-direction:column;gap:1rem}.bankdeposit-base .deposit-amount .deposit-tip{color:#55657e;font-weight:bold}.bankdeposit-base .deposit-amount .deposit-tip .required-sign{color:red}.bankdeposit-base .deposit-amount .amount-input{height:7rem;background:#000;border:#1c2433 .2rem solid;flex:none;border-radius:.5rem;padding-left:3rem;padding-right:2rem;font-size:2rem;box-sizing:border-box;color:var(--theme-normal-color);display:flex;align-items:center;gap:2rem;font-weight:bold}.bankdeposit-base .deposit-amount .amount-input .amount-symbol{font-weight:normal}.bankdeposit-base .deposit-amount .amount-input .deposit-money{height:100%;flex:1;color:inherit;text-align:right;font-weight:inherit}.bankdeposit-base .deposit-amount .amount-tab{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.bankdeposit-base .deposit-amount .amount-tab li{height:7rem;position:relative;border-radius:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(to right, #222c3d, #222c3d, #222c3d);font-weight:bold;font-size:2rem;color:var(--theme-static-color)}.bankdeposit-base .deposit-amount .amount-tab li:hover{cursor:pointer;opacity:.8}.bankdeposit-base .deposit-amount .amount-tab li.active{background:linear-gradient(var(--theme-color) 0, var(--theme-color) 100%);color:var(--theme-dynamic-color)}.bankdeposit-base .deposit-amount .amount-tab li.active .chakra-image{animation:buttonRotate 3s linear infinite}.bankdeposit-base .deposit-amount .amount-tab li .chakra-image{width:100%;position:absolute}.bankdeposit-base .deposit-amount .deposit-submit{height:6rem;background:var(--theme-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;border-radius:1rem}.bankdeposit-base .deposit-amount .deposit-submit:hover{cursor:pointer;opacity:.8}.pc .bankdeposit-base .deposit-amount .amount-tab{grid-template-columns:repeat(5, 1fr)}
.qrcodedeposit-base{box-shadow:0 .1rem .5rem #999;background:#fff;border-radius:1rem 1rem 0 0;padding-bottom:5rem}.qrcodedeposit-base .qrcode-title{padding:1.2rem 0;background-color:#71a9f1;font-size:1.8rem;border-radius:1rem 1rem 0 0;color:var(--theme-normal-color);font-weight:bold;display:flex;align-items:center;justify-content:center}.qrcodedeposit-base .qrcode-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.qrcodedeposit-base .qrcode-content .qrcode-amount{display:flex;flex-direction:column}.qrcodedeposit-base .qrcode-content .qrcode-amount .amount-content{display:flex;align-items:center;gap:1.5rem}.qrcodedeposit-base .qrcode-content .qrcode-amount .amount-content .deposit-title{font-size:2rem;margin:0}.qrcodedeposit-base .qrcode-content .qrcode-amount .amount-content .amount-input{height:3.6rem;display:flex;align-items:center;background:#dadada;color:#000;font-size:2rem;flex:1;padding:0 1rem;border-radius:.5rem;gap:.5rem;margin:0}.qrcodedeposit-base .qrcode-content .qrcode-amount .amount-content .amount-input .qrcode-amount-money{flex:1;text-align:right;color:inherit;font-size:inherit}.qrcodedeposit-base .qrcode-content .qrcode-amount .amount-content .amount-input .amount-symbol{font-size:2rem;color:#333;font-weight:normal;margin:0}.qrcodedeposit-base .qrcode-content .qrcode-amount .amount-content .amount-select{display:flex;justify-content:space-between;margin-top:1.4rem;flex:1}.qrcodedeposit-base .qrcode-content .qrcode-amount .amount-content .amount-select li{height:2.3rem;padding:0 .5rem;background:#71a9f1;border-radius:.5rem;font-size:1.6rem;color:var(--theme-normal-color);margin:0;display:flex;align-items:center;justify-content:center}.qrcodedeposit-base .qrcode-content .qrcode-amount .amount-content .amount-select li:hover{cursor:pointer;opacity:.8}.qrcodedeposit-base .qrcode-content .bankcode-image{padding:2.8rem 0;display:flex;justify-content:center;flex-direction:column;align-items:center}.qrcodedeposit-base .qrcode-content .bankcode-image img{height:22.7rem;aspect-ratio:1/1;display:block;margin:0}.qrcodedeposit-base .qrcode-content .bankcode-image p{width:100%;margin:0;display:block;box-sizing:border-box;color:red;text-align:center;font-size:2rem;overflow:hidden}.qrcodedeposit-base .qrcode-content .bankcode-image .refresh-button{font-size:2rem;width:31rem;height:5.6rem;margin-top:2rem;background:#f60;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.2);color:var(--theme-normal-color);display:flex;align-items:center;justify-content:center}.qrcodedeposit-base .qrcode-content .qris-info{display:flex;align-items:center;gap:2rem}.qrcodedeposit-base .qrcode-content .qris-info .qris-logo{height:2.4rem;margin:0}.qrcodedeposit-base .qrcode-content .qris-info .qris-bank{min-height:2.2rem;min-width:2.2rem;display:flex;align-items:center;gap:.5rem;margin:0}.qrcodedeposit-base .qrcode-content .qris-info .qris-bank img{height:2.2rem;margin:0}.qrcodedeposit-base .qrcode-content .dana-submit-box{display:flex;gap:1rem;justify-content:space-evenly}.qrcodedeposit-base .qrcode-content .dana-submit-box .qris-submit,.qrcodedeposit-base .qrcode-content .dana-submit-box .dana-app-submit{width:40rem}.qrcodedeposit-base .qrcode-content .qris-submit{font-size:2.5rem;color:var(--theme-normal-color);cursor:pointer;background:var(--theme-color);border-radius:.3rem;height:6rem;display:flex;align-items:center;justify-content:center;margin:0}.qrcodedeposit-base .qrcode-content .qris-submit:hover{cursor:pointer;opacity:.8}.pc .qrcodedeposit-base{margin:0 15rem}
.mobile .qrcodedeposit-orange{box-shadow:0 .1rem .5rem #999;background:#fff;border-radius:1.5rem;padding-bottom:2rem}.mobile .qrcodedeposit-orange .qrcode-title{padding:1.2rem 0;font-size:1.8rem;color:var(--theme-normal-color);font-weight:bold;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.3);border:1px solid #d4af37;border-radius:1.3rem 1.3rem 0 0;border-bottom:.15rem solid #e73500;text-shadow:0 1px 1px rgba(0,0,0,.5);transition:all .3s ease;background:linear-gradient(to bottom, #ff7a00, #ff4000)}.mobile .qrcodedeposit-orange .qrcode-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.mobile .qrcodedeposit-orange .qrcode-content .qrcode-amount{display:flex;align-items:center}.mobile .qrcodedeposit-orange .qrcode-content .qrcode-amount .deposit-title{font-size:2rem;margin:0;color:#000;font-weight:bold}.mobile .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input{display:flex;align-items:center;flex:1;gap:1.5rem;margin-left:1.5rem}.mobile .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money{height:4.6rem;flex:1;border-radius:1.2rem;background:#fff;font-size:1.6rem;padding-left:.8rem;text-align:left;border:.15rem solid #fff;box-shadow:inset 0 0 10px rgba(0,0,0,.2);color:#000}.mobile .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money:-ms-input-placeholder{text-align:center;font-weight:bold;color:#d5d5d5}.mobile .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money::placeholder{text-align:center;font-weight:bold;color:#d5d5d5}.mobile .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input .amount-symbol{font-size:2rem;color:var(--theme-normal-color);margin:0;position:static;text-shadow:0 1px 1px rgba(0,0,0,.5);transition:all .3s ease;padding:.7rem .5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 6px -1px rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);font-weight:bold;background:linear-gradient(to bottom, #ff8300, #ff4000);border-radius:.5rem;font-family:auto}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout{display:flex;gap:1rem}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .left-layout{width:45%}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .left-layout ul{display:grid;grid-template-columns:repeat(2, 1fr);flex-wrap:wrap;padding-right:0;gap:.8rem}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .left-layout ul li{height:4.5rem;font-size:2rem;font-weight:bold;display:flex;align-items:center;justify-content:center;background:0 0;color:#3e3d3d;border-radius:.5rem;border:.15rem solid #d1d1d1;box-shadow:none}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .left-layout ul li:hover{cursor:pointer;opacity:.8}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .right-layout{width:55%;display:flex;justify-content:center;align-items:center}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .right-layout .qris-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .right-layout .qris-info .support-by{font-size:1.8rem;font-weight:600;color:#494949}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .right-layout .qris-info .qris-logo{height:4rem;margin:0}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .right-layout .qris-info .qris-bank{min-height:2.2rem;min-width:2.2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;flex-wrap:wrap}.mobile .qrcodedeposit-orange .qrcode-content .mobile-device-layout .right-layout .qris-info .qris-bank img{height:2.2rem;margin:0}.mobile .qrcodedeposit-orange .qrcode-content .dana-submit-box{display:flex;align-items:center;justify-content:space-evenly;gap:1rem}.mobile .qrcodedeposit-orange .qrcode-content .qris-submit-btn{padding:.16rem .17rem .18rem;background:linear-gradient(to bottom, #fbe607, #dd8900);border-radius:1rem}.mobile .qrcodedeposit-orange .qrcode-content .qris-submit-btn .qris-submit{height:5rem;font-size:2rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;padding:0 4rem;background:linear-gradient(to bottom, #FFE800, #FF9E00);color:#8e4108;font-weight:bold;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 1px -1px rgba(0,0,0,.3),0 1px 1px 0 rgba(0,0,0,.1)}.mobile .qrcodedeposit-orange .qrcode-content .qris-submit-btn .qris-submit:hover{cursor:pointer;opacity:.8}.mobile .qrcodedeposit-orange .qrcode-content .dana-app-btn{padding:.16rem .17rem .18rem;background:linear-gradient(to bottom, #06F2F5, #0368DB);border-radius:1rem}.mobile .qrcodedeposit-orange .qrcode-content .dana-app-btn .dana-app-submit{height:5rem;font-size:2rem;font-weight:bold;color:var(--theme-normal-color);border-radius:1rem;display:flex;align-items:center;justify-content:center;padding:0 4rem;background:linear-gradient(to bottom, #02F6F9, #0370ED);box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 1px -1px rgba(0,0,0,.3),0 1px 1px 0 rgba(0,0,0,.1)}.mobile .qrcodedeposit-orange .qrcode-content .dana-app-btn .dana-app-submit:hover{cursor:pointer;opacity:.8}.mobile .qrcodedeposit-orange .qrcode-content .bankcode-image{display:flex;justify-content:center;flex-direction:column;align-items:center}.mobile .qrcodedeposit-orange .qrcode-content .bankcode-image img{height:22.7rem;aspect-ratio:1/1;display:block;margin:0}.mobile .qrcodedeposit-orange .qrcode-content .bankcode-image p{width:100%;margin:0;display:block;box-sizing:border-box;color:red;text-align:center;font-size:2rem;overflow:hidden}.mobile .qrcodedeposit-orange .qrcode-content .bankcode-image .refresh-button{height:5.6rem;font-size:2rem;padding:0 10rem;margin-top:2rem;background:#f60;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.2);color:var(--theme-normal-color);display:flex;align-items:center;justify-content:center}.pc .qrcodedeposit-orange{box-shadow:0 .1rem .5rem #999;background:#fff;border-radius:1.5rem;padding-bottom:2rem;margin:0 15rem}.pc .qrcodedeposit-orange .qrcode-title{padding:1.2rem 0;font-size:1.8rem;color:var(--theme-normal-color);font-weight:bold;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.3);border:1px solid #d4af37;border-radius:1.3rem 1.3rem 0 0;border-bottom:.15rem solid #e73500;text-shadow:0 1px 1px rgba(0,0,0,.5);transition:all .3s ease;background:linear-gradient(to bottom, #ff7a00, #ff4000)}.pc .qrcodedeposit-orange .qrcode-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.pc .qrcodedeposit-orange .qrcode-content .qrcode-amount{display:flex;align-items:center}.pc .qrcodedeposit-orange .qrcode-content .qrcode-amount .deposit-title{font-size:2rem;margin:0;color:#000;font-weight:bold}.pc .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input{display:flex;align-items:center;flex:1;gap:1.5rem;margin-left:1.5rem}.pc .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money{height:4.6rem;flex:1;border-radius:1.2rem;background:var(--theme-normal-color);font-size:2rem;padding-left:.8rem;text-align:left;border:.15rem solid #fff;box-shadow:inset 0 0 10px rgba(0,0,0,.2);color:#000;font-weight:bold}.pc .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money:-ms-input-placeholder{text-align:center;font-weight:bold;color:#d5d5d5}.pc .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money::placeholder{text-align:center;font-weight:bold;color:#d5d5d5}.pc .qrcodedeposit-orange .qrcode-content .qrcode-amount .amount-input .amount-symbol{font-size:2rem;color:var(--theme-normal-color);margin:0;position:static;text-shadow:0 1px 1px rgba(0,0,0,.5);transition:all .3s ease;padding:.7rem .5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 6px -1px rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);font-weight:bold;background:linear-gradient(to bottom, #ff8300, #ff4000);border-radius:.5rem;font-family:auto}.pc .qrcodedeposit-orange .qrcode-content .amount-select{display:flex;justify-content:space-between;flex-wrap:wrap}.pc .qrcodedeposit-orange .qrcode-content .amount-select li{height:4.5rem;font-size:2rem;font-weight:bold;display:flex;align-items:center;justify-content:center;padding:0 2.8rem;background:0 0;color:#3e3d3d;border-radius:.5rem;border:.15rem solid #d1d1d1;box-shadow:none}.pc .qrcodedeposit-orange .qrcode-content .amount-select li:hover{cursor:pointer;opacity:.8}.pc .qrcodedeposit-orange .qrcode-content .bankcode-image{padding:2.8rem 0;display:flex;justify-content:center;flex-direction:column;align-items:center}.pc .qrcodedeposit-orange .qrcode-content .bankcode-image img{height:22.7rem;aspect-ratio:1/1;display:block;margin:0}.pc .qrcodedeposit-orange .qrcode-content .bankcode-image p{width:100%;margin:0;display:block;box-sizing:border-box;color:red;text-align:center;font-size:2rem;overflow:hidden}.pc .qrcodedeposit-orange .qrcode-content .bankcode-image .refresh-button{height:5.6rem;font-size:2rem;padding:0 10rem;margin-top:2rem;background:#f60;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.2);color:var(--theme-normal-color);display:flex;align-items:center;justify-content:center}.pc .qrcodedeposit-orange .qrcode-content .qris-info{display:flex;align-items:center;justify-content:center;gap:2rem}.pc .qrcodedeposit-orange .qrcode-content .qris-info .support-by{font-size:1.6rem;color:#565656}.pc .qrcodedeposit-orange .qrcode-content .qris-info .qris-logo{height:3.4rem;margin:0}.pc .qrcodedeposit-orange .qrcode-content .qris-info .qris-bank{min-height:2.2rem;min-width:2.2rem;display:flex;align-items:center;gap:.5rem;margin:0}.pc .qrcodedeposit-orange .qrcode-content .qris-info .qris-bank img{height:2.2rem;margin:0}.pc .qrcodedeposit-orange .qrcode-content .dana-submit-box{display:flex;gap:1rem;justify-content:space-evenly}.pc .qrcodedeposit-orange .qrcode-content .dana-submit-box .qris-submit,.pc .qrcodedeposit-orange .qrcode-content .dana-submit-box .dana-app-submit{width:40rem}.pc .qrcodedeposit-orange .qrcode-content .qris-submit-btn{height:max-content;padding:.16rem .17rem .18rem;background:linear-gradient(to bottom, #fbe607, #dd8900);border-radius:1rem}.pc .qrcodedeposit-orange .qrcode-content .qris-submit-btn .qris-submit{height:5.5rem;font-size:2rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:linear-gradient(to bottom, #FFE800, #FF9E00);color:#8e4108;font-weight:bold;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 1px -1px rgba(0,0,0,.3),0 1px 1px 0 rgba(0,0,0,.1)}.pc .qrcodedeposit-orange .qrcode-content .qris-submit-btn .qris-submit:hover{cursor:pointer;opacity:.8}.pc .qrcodedeposit-orange .qrcode-content .dana-app-btn{height:max-content;padding:.16rem .17rem .18rem;background:linear-gradient(to bottom, #06F2F5, #0368DB);border-radius:1rem}.pc .qrcodedeposit-orange .qrcode-content .dana-app-btn .dana-app-submit{height:5.5rem;font-size:2rem;font-weight:bold;color:var(--theme-normal-color);border-radius:1rem;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:linear-gradient(to bottom, #02F6F9, #0370ED);box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 1px -1px rgba(0,0,0,.3),0 1px 1px 0 rgba(0,0,0,.1)}.pc .qrcodedeposit-orange .qrcode-content .dana-app-btn .dana-app-submit:hover{cursor:pointer;opacity:.8}
.mobile .qrcodedeposit-phnom{box-shadow:0 .1rem .5rem #999;background:#e8e8e8;border-radius:1.5rem;padding-bottom:2rem;border:.2rem solid #fff}.mobile .qrcodedeposit-phnom .qrcode-title{padding:1.2rem 0;font-size:1.8rem;color:var(--theme-normal-color);font-weight:bold;display:flex;align-items:center;justify-content:center;border-radius:1.3rem 1.3rem 0 0;text-align:center;background:linear-gradient(0deg, #BD750F 15%, #F7DB22 70%, #A4700F 100%);border:1px solid #d4af37;text-shadow:0 1px 1px rgba(0,0,0,.5);border-bottom:.2rem solid #e1a50f}.mobile .qrcodedeposit-phnom .qrcode-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.mobile .qrcodedeposit-phnom .qrcode-content .qrcode-amount{display:flex;align-items:center}.mobile .qrcodedeposit-phnom .qrcode-content .qrcode-amount .deposit-title{font-size:2rem;margin:0;color:#000;font-weight:bold}.mobile .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input{display:flex;align-items:center;flex:1;gap:1.5rem;margin-left:1.5rem}.mobile .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money{height:4.6rem;flex:1;border-radius:1.2rem;background:#fff;font-size:1.6rem;padding-left:.8rem;text-align:left;border:.15rem solid #fff;box-shadow:inset 0 0 10px rgba(0,0,0,.2);color:#000}.mobile .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money:-ms-input-placeholder{text-align:center;font-weight:bold;color:#d5d5d5}.mobile .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money::placeholder{text-align:center;font-weight:bold;color:#d5d5d5}.mobile .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input .amount-symbol{font-size:2rem;color:var(--theme-normal-color);margin:0;background:linear-gradient(0deg, #b8781e 10%, #edac20 30%, #ac6d1d 60%, #e9aa20 100%);border:1px solid #d4af37;text-shadow:0 1px 1px rgba(0,0,0,.5);padding:.8rem .8rem;border:.12rem solid #fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 6px -1px rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);border-radius:1.4rem 1.4rem 1.6rem 1.6rem;font-weight:bold;font-family:math}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout{display:flex;gap:1rem}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .left-layout{width:45%}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .left-layout ul{display:grid;grid-template-columns:repeat(2, 1fr);flex-wrap:wrap;padding-right:0;gap:.8rem}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .left-layout ul li{height:4.5rem;font-size:2rem;font-weight:bold;display:flex;align-items:center;justify-content:center;border-radius:99rem;border:.15rem solid #fff;color:var(--theme-normal-color);padding:0 2rem;background:linear-gradient(0deg, #042666 15%, #0f62c2 50%, #2378c9 100%);box-shadow:0 1px 1px 0 rgba(0,0,0,.1),0 1px 1px -1px rgba(0,0,0,.1),0 1px 1px 0 rgba(0,0,0,.1)}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .left-layout ul li:hover{cursor:pointer;opacity:.8}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout{width:55%}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .qris-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .qris-info .support-by{font-size:1.8rem;font-weight:600;color:#494949}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .qris-info .qris-logo{height:4rem;margin:0}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .qris-info .qris-bank{min-height:2.2rem;min-width:2.2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;flex-wrap:wrap}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .qris-info .qris-bank img{height:2.2rem;margin:0}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout>.qris-submit{margin-top:2rem}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .dana-submit-box{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .qris-submit{height:4.5rem;font-size:2rem;display:flex;align-items:center;justify-content:center;font-weight:bold;background:linear-gradient(0deg, #BD750F 15%, #F7DB22 70%, #A4700F 100%);border-top:.15rem solid #e1a50f;border-bottom:.2rem solid #e1a50f;border-radius:99rem;padding:.5rem 1rem;color:#000}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .qris-submit:hover{cursor:pointer;opacity:.8}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .dana-app-submit{height:4.5rem;font-size:2rem;font-weight:bold;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg, #043290 15%, #196CD4 70%, #2A88EC 100%);border-top:.15rem solid #06e3ef;border-bottom:.2rem solid #0157b9;border-radius:99rem;padding:.5rem 1rem;color:var(--theme-normal-color)}.mobile .qrcodedeposit-phnom .qrcode-content .mobile-device-layout .right-layout .dana-app-submit:hover{cursor:pointer;opacity:.8}.mobile .qrcodedeposit-phnom .qrcode-content .bankcode-image{display:flex;justify-content:center;flex-direction:column;align-items:center}.mobile .qrcodedeposit-phnom .qrcode-content .bankcode-image img{height:22.7rem;aspect-ratio:1/1;display:block;margin:0}.mobile .qrcodedeposit-phnom .qrcode-content .bankcode-image p{width:100%;margin:0;display:block;box-sizing:border-box;color:red;text-align:center;font-size:2rem;overflow:hidden}.mobile .qrcodedeposit-phnom .qrcode-content .bankcode-image .refresh-button{height:5.6rem;font-size:2rem;padding:0 10rem;margin-top:2rem;background:#f60;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.2);color:var(--theme-normal-color);display:flex;align-items:center;justify-content:center}.pc .qrcodedeposit-phnom{box-shadow:0 .1rem .5rem #999;background:#e8e8e8;border-radius:1.5rem;padding-bottom:2rem;margin:0 15rem}.pc .qrcodedeposit-phnom .qrcode-title{padding:1.2rem 0;font-size:1.8rem;color:var(--theme-normal-color);font-weight:bold;display:flex;align-items:center;justify-content:center;border-radius:1.3rem 1.3rem 0 0;text-align:center;background:linear-gradient(0deg, #BD750F 15%, #F7DB22 70%, #A4700F 100%);border:1px solid #d4af37;text-shadow:0 1px 1px rgba(0,0,0,.5);border-bottom:.2rem solid #e1a50f}.pc .qrcodedeposit-phnom .qrcode-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.pc .qrcodedeposit-phnom .qrcode-content .qrcode-amount{display:flex;align-items:center;gap:1.5rem}.pc .qrcodedeposit-phnom .qrcode-content .qrcode-amount .deposit-title{font-size:2rem;margin:0;color:#000;font-weight:bold}.pc .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input{display:flex;align-items:center;flex:1;gap:1.5rem;margin-left:1.5rem}.pc .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money{height:4.6rem;flex:1;border-radius:1.2rem;background:#fff;font-size:2rem;padding-left:.8rem;text-align:left;border:.15rem solid #fff;box-shadow:inset 0 0 10px rgba(0,0,0,.2);color:#000;font-weight:bold}.pc .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money:-ms-input-placeholder{text-align:center;font-weight:bold;color:#d5d5d5}.pc .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input .qrcode-amount-money::placeholder{text-align:center;font-weight:bold;color:#d5d5d5}.pc .qrcodedeposit-phnom .qrcode-content .qrcode-amount .amount-input .amount-symbol{font-size:2rem;color:var(--theme-normal-color);margin:0;background:linear-gradient(0deg, #b8781e 10%, #edac20 30%, #ac6d1d 60%, #e9aa20 100%);border:1px solid #d4af37;text-shadow:0 1px 1px rgba(0,0,0,.5);padding:.56rem;border:.12rem solid #fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 6px -1px rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);border-radius:1.4rem 1.4rem 1.6rem 1.6rem;font-weight:bold;font-family:math}.pc .qrcodedeposit-phnom .qrcode-content .amount-select{display:flex;justify-content:space-between;flex:1}.pc .qrcodedeposit-phnom .qrcode-content .amount-select li{height:4.5rem;font-size:2rem;font-weight:bold;display:flex;align-items:center;justify-content:center;border:.15rem solid #fff;border-radius:99rem;color:var(--theme-normal-color);padding:0 2rem;background:linear-gradient(0deg, #042666 15%, #0f62c2 50%, #2378c9 100%);box-shadow:0 1px 1px 0 rgba(0,0,0,.1),0 1px 1px -1px rgba(0,0,0,.1),0 1px 1px 0 rgba(0,0,0,.1)}.pc .qrcodedeposit-phnom .qrcode-content .amount-select li:hover{cursor:pointer;opacity:.8}.pc .qrcodedeposit-phnom .qrcode-content .bankcode-image{padding:2.8rem 0;display:flex;justify-content:center;flex-direction:column;align-items:center}.pc .qrcodedeposit-phnom .qrcode-content .bankcode-image img{height:22.7rem;aspect-ratio:1/1;display:block;margin:0}.pc .qrcodedeposit-phnom .qrcode-content .bankcode-image p{width:100%;margin:0;display:block;box-sizing:border-box;color:red;text-align:center;font-size:2rem;overflow:hidden}.pc .qrcodedeposit-phnom .qrcode-content .bankcode-image .refresh-button{height:5.6rem;font-size:2rem;padding:0 10rem;margin-top:2rem;background:#f60;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.2);color:var(--theme-normal-color);display:flex;align-items:center;justify-content:center}.pc .qrcodedeposit-phnom .qrcode-content .qris-info{display:flex;align-items:center;justify-content:center;gap:2rem}.pc .qrcodedeposit-phnom .qrcode-content .qris-info .support-by{font-size:1.6rem;color:#565656}.pc .qrcodedeposit-phnom .qrcode-content .qris-info .qris-logo{height:4rem;margin:0}.pc .qrcodedeposit-phnom .qrcode-content .qris-info .qris-bank{min-height:2.2rem;min-width:2.2rem;display:flex;align-items:center;gap:.5rem;margin:0}.pc .qrcodedeposit-phnom .qrcode-content .qris-info .qris-bank img{height:2.2rem;margin:0}.pc .qrcodedeposit-phnom .qrcode-content .dana-submit-box{display:flex;gap:1rem;justify-content:space-evenly}.pc .qrcodedeposit-phnom .qrcode-content .dana-submit-box .qris-submit,.pc .qrcodedeposit-phnom .qrcode-content .dana-submit-box .dana-app-submit{width:40rem}.pc .qrcodedeposit-phnom .qrcode-content .qris-submit{height:5.5rem;font-size:2rem;display:flex;align-items:center;justify-content:center;font-weight:bold;background:linear-gradient(0deg, #BD750F 15%, #F7DB22 70%, #A4700F 100%);border-top:.15rem solid #e1a50f;border-bottom:.2rem solid #e1a50f;border-radius:99rem;padding:.5rem 1rem;color:#000}.pc .qrcodedeposit-phnom .qrcode-content .qris-submit:hover{cursor:pointer;opacity:.8}.pc .qrcodedeposit-phnom .qrcode-content .dana-app-submit{height:5.5rem;font-size:2rem;font-weight:bold;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg, #043290 15%, #196CD4 70%, #2A88EC 100%);border-top:.15rem solid #06e3ef;border-bottom:.2rem solid #0157b9;border-radius:99rem;padding:.5rem 1rem;color:var(--theme-normal-color)}.pc .qrcodedeposit-phnom .qrcode-content .dana-app-submit:hover{cursor:pointer;opacity:.8}
.usdtdeposit-base .usdt-title{background-color:#2b2f30;font-size:1.8rem;line-height:1.8rem;padding:.8rem 0;border-radius:1rem 1rem 0 0;color:var(--theme-normal-color);font-weight:bold;display:flex;align-items:center;justify-content:center;text-align:center}.usdtdeposit-base .usdt-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background-color:#323738}.usdtdeposit-base .usdt-content .usdt-amount{display:flex;align-items:center;gap:1.5rem}.usdtdeposit-base .usdt-content .usdt-amount .deposit-title{font-size:2rem}.usdtdeposit-base .usdt-content .usdt-amount .amount-input{height:3.6rem;display:flex;align-items:center;background:#dadada;color:#000;font-size:2rem;flex:1;padding:0 1rem;border-radius:.5rem;gap:.5rem}.usdtdeposit-base .usdt-content .usdt-amount .amount-input .usdt-amount-money{flex:1;text-align:right;font-weight:inherit;font-size:inherit}.usdtdeposit-base .usdt-content .usdt-amount .amount-input .amount-symbol{font-size:2rem;color:#333;font-weight:normal}.usdtdeposit-base .usdt-content .usdt-tips{background-color:#514634;padding:.7rem;display:flex;align-items:center;gap:1rem;border-radius:1rem}.usdtdeposit-base .usdt-content .usdt-tips .usdt-tips-icon{height:2.8rem;width:auto}.usdtdeposit-base .usdt-content .usdt-tips .usdt-tips-content{font-size:1.8rem;color:var(--theme-normal-color);line-height:2.6rem}.usdtdeposit-base .usdt-content .usdt-tips .usdt-tips-content .error-text{color:red}.usdtdeposit-base .usdt-content .usdt-tips .usdt-tips-content .warn-text{color:#f60;font-weight:bold}.usdtdeposit-base .usdt-content .usdt-submit{font-size:2.5rem;color:var(--theme-normal-color);cursor:pointer;background:var(--theme-color);border-radius:.3rem;height:4rem;display:flex;align-items:center;justify-content:center}.usdtdeposit-base .usdt-content .usdt-submit:hover{cursor:pointer;opacity:.8}.usdtdeposit-base .usdt-content .usdt-timeout-reminder{font-size:2rem;color:var(--theme-minor-color)}.usdtdeposit-base .usdt-content .usdt-sejarah{font-size:2.5rem;color:var(--theme-normal-color);cursor:pointer;background:var(--theme-color);border-radius:.3rem;height:4rem;display:flex;align-items:center;justify-content:center}.usdtdeposit-base .usdt-content .usdt-sejarah:hover{cursor:pointer;opacity:.8}.popUp-usdtdetail .time-out{color:red;font-size:2rem;display:flex;align-items:center;justify-content:center;padding:3rem 0;font-weight:bold}.popUp-usdtdetail .usdt-content{display:flex;align-items:center;box-sizing:border-box;margin:1rem;gap:1rem}.popUp-usdtdetail .usdt-content .usdt-qrcode{height:25rem;padding:2px;background-color:#fff;display:flex}.popUp-usdtdetail .usdt-content .usdt-hint{flex:1;padding:1rem;border-radius:1rem;color:#fff;background-color:rgba(36,238,137,.3);display:flex;flex-direction:column;justify-content:space-evenly;font-size:2rem;gap:.5rem;align-self:stretch}.popUp-usdtdetail .usdt-content .usdt-hint .usdt-hint-text-span{font-size:2rem;color:var(--theme-normal-color)}.popUp-usdtdetail .usdt-content .usdt-hint .usdt-hint-text-unik{font-weight:bold;color:red}.popUp-usdtdetail .usdt-content .usdt-hint .usdt-hint-text-money{font-weight:bold;color:red}.popUp-usdtdetail .usdt-content .usdt-hint .usdt-hint-account{font-size:2rem;color:var(--theme-normal-color)}.popUp-usdtdetail .usdt-content .usdt-hint .usdt-hint-account-code{cursor:pointer;text-decoration:underline;color:#409eff}.popUp-usdtdetail .usdt-content .usdt-hint .usdt-address-button{height:3.8rem;background-color:#409eff;border-radius:.5rem;color:var(--theme-normal-color);margin-top:1rem;font-size:2rem;display:flex;align-items:center;justify-content:center}.popUp-usdtdetail .usdt-content .usdt-hint .usdt-address-button:hover{cursor:pointer;opacity:.8}.popUp-usdtdetail .usdt-countdown{margin:1.5rem 0;color:#de1919;font-weight:bold;font-size:1.8rem;text-align:center}
.mobiledeposit-base{box-shadow:0 .1rem .5rem #999;background:#fff;border-radius:1rem 1rem 0 0;padding-bottom:5rem}.mobiledeposit-base .deposit-title{padding:1.2rem 0;background-color:#71a9f1;font-size:1.8rem;border-radius:1rem 1rem 0 0;color:var(--theme-normal-color);font-weight:bold;display:flex;align-items:center;justify-content:center;text-align:center}.mobiledeposit-base .deposit-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;color:#333}.mobiledeposit-base .deposit-content .deposit-detail{display:flex;flex-direction:column;align-items:center;gap:1rem}.mobiledeposit-base .deposit-content .deposit-detail .bank-icon{height:8.4rem;width:max-content}.mobiledeposit-base .deposit-content .deposit-detail .info-item{width:100%;display:flex;align-items:center;gap:1rem}.mobiledeposit-base .deposit-content .deposit-detail .info-item .info-title{width:50%;font-size:2rem;text-align:right;margin:0}.mobiledeposit-base .deposit-content .deposit-detail .info-item .info-value{font-size:2rem;font-weight:bold;margin:0}.mobiledeposit-base .deposit-content .deposit-detail .info-item .info-value.phone-value{display:flex;align-items:center;gap:.2rem}.mobiledeposit-base .deposit-content .deposit-detail .info-item .info-value.phone-value .phone-text{color:skyblue;margin:0}.mobiledeposit-base .deposit-content .deposit-detail .info-item .info-value.phone-value .phone-img{width:max-content;height:2.1rem}.mobiledeposit-base .deposit-content .deposit-from{display:flex;flex-direction:column}.mobiledeposit-base .deposit-content .deposit-from .form-group{display:flex;align-items:center;flex-direction:column;gap:1rem;border-bottom:1px solid #eee;padding:1rem 0}.mobiledeposit-base .deposit-content .deposit-from .form-group:last-child{border-bottom:none}.mobiledeposit-base .deposit-content .deposit-from .form-group .form-item{width:100%;display:flex;align-items:center;gap:1rem}.mobiledeposit-base .deposit-content .deposit-from .form-group .form-item .from-title{font-size:1.8rem;margin:0}.mobiledeposit-base .deposit-content .deposit-from .form-group .form-item .from-value{display:flex;align-items:center;gap:1.5rem;flex:1}.mobiledeposit-base .deposit-content .deposit-from .form-group .form-item .from-value select{width:100%;height:3.6rem;border:none;border-radius:.3rem;background-color:#dadada;font-size:2rem;padding-left:.5rem;font-weight:bold;cursor:pointer}.mobiledeposit-base .deposit-content .deposit-from .form-group .form-item .from-value input{width:100%;height:3.6rem;border-radius:.3rem;background-color:#dadada;font-size:2rem;padding-left:.5rem;font-weight:bold}.mobiledeposit-base .deposit-content .deposit-from .form-group .form-item .from-value input::-webkit-input-placeholder{line-height:1.4rem;font-weight:normal;font-size:1.4rem;position:relative;top:-0.2rem}.mobiledeposit-base .deposit-content .deposit-from .form-group .form-item .from-value input.warning-border{border:.2rem solid #333}.mobiledeposit-base .deposit-content .submit{font-size:2.5rem;color:var(--theme-normal-color);cursor:pointer;background:var(--theme-color);border-radius:.3rem;height:6rem;display:flex;align-items:center;justify-content:center;margin:0}.mobiledeposit-base .deposit-content .submit:hover{cursor:pointer;opacity:.8}.pc .mobiledeposit-base{margin:0 15rem}.pc .mobiledeposit-base .deposit-content .deposit-from .form-group{flex-direction:row}.pc .mobiledeposit-base .deposit-content .deposit-from .form-group .form-item{flex:auto}
.depositbanktips-base{flex-shrink:0;display:flex;flex-direction:column}.depositbanktips-base .tip-title{width:max-content;font-size:2.5rem;color:var(--theme-normal-color)}.depositbanktips-base .tip-content{font-size:2rem;color:#80848d;white-space:pre-wrap;line-height:2.5rem}
.depositbankstatus-base{flex:1;background:#141c26;padding:2rem;display:flex;flex-direction:column;gap:4rem}.depositbankstatus-base .bank-status{display:flex;justify-content:center;align-items:center;gap:2rem}.depositbankstatus-base .bank-status .status-item{display:flex;align-items:center;gap:.5rem}.depositbankstatus-base .bank-status .status-item .status-dot{width:1rem;height:1rem;border-radius:50%;display:inline-block}.depositbankstatus-base .bank-status .status-item .status-dot.online{background:#41ce8a}.depositbankstatus-base .bank-status .status-item .status-dot.offline{background:#ff3f12}.depositbankstatus-base .bank-status .status-item .status-dot.gangguan{background:#fb3}.depositbankstatus-base .bank-status .status-item .status-text{font-size:1.6rem}.depositbankstatus-base .bank-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:max-content;gap:1.5rem;border-color:rgba(0,0,0,0)}.depositbankstatus-base .bank-list .bank{height:7rem;border-radius:.8rem;position:relative;display:flex;align-items:center;justify-content:center}.depositbankstatus-base .bank-list .bank.status-1{border:1px solid #89fb76}.depositbankstatus-base .bank-list .bank.status-1 i.status-dot{background:#41ce8a}.depositbankstatus-base .bank-list .bank.status-2{border:1px solid #ff3f12}.depositbankstatus-base .bank-list .bank.status-2 i.status-dot{background:#ff3f12}.depositbankstatus-base .bank-list .bank.status-3{border:1px solid #fb3}.depositbankstatus-base .bank-list .bank.status-3 i.status-dot{background:#fb3}.depositbankstatus-base .bank-list .bank .bank-img{height:50%;max-width:60%;object-fit:contain}.depositbankstatus-base .bank-list .bank .status-dot{width:1.2rem;height:1.2rem;border-radius:50%;display:inline-block;position:absolute;left:85%;transform:translate(-50%, -50%);animation:bankFlash 1s infinite}.pc .depositbankstatus-base{padding:4rem}
.depositbankstatus-black{flex:1;background:#141c26;display:flex;flex-direction:column;gap:1rem;border-radius:1.4rem;background-color:rgba(255,255,255,.1);background:linear-gradient(120deg, #37363b, #282727);box-shadow:0 0 1rem #000;overflow:hidden}.depositbankstatus-black .bank-status{height:5rem;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1.6rem;background:rgba(0,0,0,.5)}.depositbankstatus-black .bank-status .bank-spacing{font-weight:inherit;font-size:inherit}.depositbankstatus-black .bank-status .status-item{display:flex;align-items:center;gap:.5rem}.depositbankstatus-black .bank-status .status-item .status-dot{width:1rem;height:1rem;border-radius:50%;display:inline-block}.depositbankstatus-black .bank-status .status-item .status-dot.online{background:#41ce8a}.depositbankstatus-black .bank-status .status-item .status-dot.offline{background:red}.depositbankstatus-black .bank-status .status-item .status-dot.gangguan{background:#fb3}.depositbankstatus-black .bank-status .status-item .status-text{font-size:inherit}.depositbankstatus-black .bank-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:max-content;gap:1.5rem;border-color:rgba(0,0,0,0);place-items:center}.depositbankstatus-black .bank-list .bank-img{height:8rem}
.depositbank-base{min-height:60rem;display:flex;flex-direction:column;gap:1rem;flex:1}
.depositbank-base{min-height:60rem;display:flex;flex-direction:column;gap:1rem;flex:1}
.forgetpassword-base{margin:1.4rem}.forgetpassword-base .forget-step{display:flex;flex-direction:column;gap:5rem}.forgetpassword-base .forget-step ul{background:#1c2433;list-style-type:none;border-radius:.5rem}.forgetpassword-base .forget-step ul .line{height:1px;background-color:rgba(242,239,255,.2);margin:0 1.4rem}.forgetpassword-base .forget-step ul li:not(.line){display:flex;justify-content:space-between;align-items:center;overflow:hidden;height:7.8rem;padding:0 2.5rem;font-size:2rem;color:var(--theme-normal-color)}.forgetpassword-base .forget-step ul li:not(.line) label{text-decoration:none;text-transform:capitalize;font-family:SF Pro Display;font-weight:400;font-size:1.8rem;color:#80848d}.forgetpassword-base .forget-step ul li:not(.line) p{display:flex;flex:1;align-items:center;height:100%;gap:.5rem}.forgetpassword-base .forget-step ul li:not(.line) p input{height:100%;flex:1;border-radius:.5rem;text-align:right;color:inherit}.forgetpassword-base .forget-step ul li:not(.line) p .eyes{height:2.8rem}.forgetpassword-base .forget-step ul li:not(.line) p .eyes:hover{cursor:pointer;opacity:.8}.forgetpassword-base .forget-step .btn{height:5.6rem;display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-weight:bold;font-size:2rem;border-radius:.5rem;background:var(--theme-color);color:var(--theme-normal-color);transition:all .4s}.forgetpassword-base .forget-step .btn:hover{cursor:pointer;opacity:.8}
.gamelist-base{display:flex;flex-direction:column;gap:2rem}.gamelist-base .game-head{display:flex;justify-content:right;align-items:center}.gamelist-base .game-head .game-search{width:47rem;height:5rem;border-radius:99rem;display:flex;align-items:center;background-color:#080c11;padding:0 2rem;color:var(--theme-normal-color);gap:1rem;font-size:1.6rem;border:.15rem solid rgba(0,0,0,0);transition:border-color .4s}.gamelist-base .game-head .game-search:focus-within{border:.15rem solid #596272}.gamelist-base .game-head .game-search .search-img{height:2rem;margin:0}.gamelist-base .game-head .game-search .search-input{display:block;flex:1;color:inherit}
.game-face-item{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;font-size:1.4rem;color:rgba(255,255,255,.8);transition:all .2s;aspect-ratio:4/5;border-radius:1.5rem;margin:0 !important;flex-shrink:0}.game-face-item:not(.sboSport,.sabaSport):hover{cursor:pointer}.game-face-item:not(.sboSport,.sabaSport):hover .game-face-item-box .game-face-item-img{transform:scale(1.1);transition:all .4s ease 0s}.game-face-item.sboSport,.game-face-item.sabaSport{width:100%;box-sizing:border-box !important;overflow:hidden;display:flex;flex-direction:column;position:relative;background:#262626;box-shadow:0 0 15px 0 rgba(36,38,51,.05);font-size:1.2rem;color:rgba(255,255,255,.8);height:22.3rem;border-radius:1rem}.game-face-item.sboSport p,.game-face-item.sabaSport p{width:100%;height:100%;display:block;position:relative;aspect-ratio:1/1;background-size:100%;background-repeat:no-repeat}.game-face-item.sboSport p>img:nth-child(1),.game-face-item.sabaSport p>img:nth-child(1){position:absolute;top:.5rem;left:.5rem;width:15%;aspect-ratio:1/1;display:block;opacity:.5;object-fit:contain;cursor:pointer}.game-face-item.sboSport p>img:nth-child(2),.game-face-item.sabaSport p>img:nth-child(2){position:absolute;bottom:0;right:0;z-index:1;height:100%;cursor:pointer;display:none}.game-face-item.sboSport h3,.game-face-item.sabaSport h3{position:absolute;bottom:5rem;left:0;z-index:1;font-size:2.5rem;line-height:4rem;width:calc(100% - 1rem);padding-left:1rem;white-space:nowrap;text-overflow:ellipsis;color:var(--theme-normal-color);overflow:hidden;font-weight:bold;text-align:center;display:block;text-shadow:2px 2px 4px #333}.game-face-item.sboSport .button-box,.game-face-item.sabaSport .button-box{height:4rem;position:absolute;bottom:0;left:0;display:flex;z-index:20;width:100%;box-sizing:border-box}.game-face-item.sboSport .button-box a,.game-face-item.sabaSport .button-box a{width:50%;display:flex;align-items:center;justify-content:center;transition:all .4s;cursor:pointer;box-sizing:border-box;background:#058107;color:var(--theme-normal-color);white-space:nowrap;font-size:1.8rem;margin:0}.game-face-item.sboSport .button-box a:nth-child(2),.game-face-item.sabaSport .button-box a:nth-child(2){background:#0b9dd0}.game-face-item.sboSport .button-box a:hover,.game-face-item.sabaSport .button-box a:hover{cursor:pointer;opacity:.8}.game-face-item .game-face-item-box{display:flex;align-items:center;transition:all .4s;height:100%;overflow:hidden;position:relative;background:#262626;box-shadow:0 0 15px 0 rgba(36,38,51,.05);flex-shrink:0;border-radius:inherit}.game-face-item .game-face-item-box .game-face-item-img{width:100%;height:100%;object-fit:cover;transition:all .2s}.game-face-item .yc-game-name{font-size:1.2rem;color:#55657e;margin-top:.6rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lotto-game-item{width:100%;height:100%;border-radius:1rem;background:linear-gradient(rgba(244, 62, 139, 0) 0, rgba(244, 62, 139, 0.6) 100%),#323738;position:relative;overflow:hidden;padding:1.6rem;color:var(--theme-normal-color);font-size:1.2rem;font-weight:700;flex-shrink:0;margin:0 !important}.lotto-game-item:nth-child(5n+1){background:linear-gradient(rgba(244, 62, 139, 0) 0, rgba(244, 62, 139, 0.6) 100%),#323738}.lotto-game-item:nth-child(5n+2){background:linear-gradient(rgba(244, 182, 62, 0) 0, rgba(244, 182, 62, 0.6) 100%),#323738}.lotto-game-item:nth-child(5n+3){background:linear-gradient(rgba(230, 246, 44, 0) 0, rgba(230, 246, 44, 0.6) 100%),#323738}.lotto-game-item:nth-child(5n+4){background:linear-gradient(rgba(44, 246, 89, 0) 0, rgba(44, 246, 89, 0.6) 100%),#323738}.lotto-game-item:nth-child(5n+5){background:linear-gradient(rgba(44, 125, 246, 0) 0, rgba(44, 125, 246, 0.6) 100%),#323738}.lotto-game-item .lotto-img-box{width:100%;height:100%;border-radius:0;background:#262626;right:0;top:0;position:absolute;overflow:hidden}.lotto-game-item .lotto-img-box .lotto-img{width:100%;height:100%;overflow:hidden;position:absolute;right:0;top:0}.lotto-game-item .lotto-img-box .lotto-img img{width:100%;position:absolute;height:100%;margin:0}.lotto-game-item .lotto-result{width:max-content;color:#fff;height:2rem;font-size:1.2rem;border-radius:1px;background:#3a9ce8;position:absolute;top:0;right:0;display:flex;align-items:center;padding:0 .5rem;z-index:1}.lotto-game-item .lotto-title{width:100%;font-size:2rem;position:relative;text-shadow:0 0 10px #000;white-space:nowrap;text-overflow:ellipsis;overflow:visible}.lotto-game-item .lotto-sore{width:100%;font-size:1.4rem;position:relative;text-shadow:0 0 10px #000;text-overflow:ellipsis;overflow:hidden}.lotto-game-item .result-tip{position:relative;font-size:1.4rem;width:max-content;background-color:#080c11;z-index:2;padding-left:2.5rem;padding-top:.1rem;padding-bottom:.1rem;font-weight:normal;font-style:italic;margin-top:1.5rem;margin-bottom:.5rem}.lotto-game-item .result-tip:before{content:"";width:100%;height:100%;position:absolute;top:0;left:2.5rem;background-color:inherit;transform:skewX(330deg);transform-origin:top right;z-index:-1}.lotto-game-item .lotto-money{font-style:italic;font-size:2.5rem;position:relative;text-shadow:0 0 10px #000}.lotto-game-item .lotto-line{height:.1rem;background:#fff;margin-top:1.4rem;margin-bottom:.2rem;position:relative}.lotto-game-item .lotto-start{font-size:1.2rem;color:var(--theme-minor-color);position:relative;text-align:right;text-shadow:0 0 10px #000}.lotto-game-item .lotto-date{height:3.5rem;font-size:2rem;display:flex;justify-content:space-between;align-items:center;gap:.3rem;margin-top:.2rem;margin-bottom:1.4rem;background:rgba(0,0,0,.3);border-radius:.5rem;position:relative}.lotto-game-item .lotto-date .lottery-countdown{width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.lotto-game-item .lotto-date .lottery-countdown .countdown-time{display:flex;justify-content:center;align-items:center;gap:.5rem}.lotto-game-item .lotto-date .lottery-countdown .countdown-time .time-sfm{display:flex;align-items:center;justify-content:center;gap:.4rem}.lotto-game-item .lotto-date .lottery-countdown .countdown-time .time-sfm span{height:max-content}.lotto-game-item .lotto-date .lottery-countdown .countdown-time .time-sfm i{height:max-content}.lotto-game-item .lotto-date .date-part{line-height:2rem;padding:0 .5rem;background:rgba(0,0,0,.1);flex:1;border-radius:.3rem;text-align:center;display:flex;justify-content:center;align-items:center}.lotto-game-item .lotto-btn{height:3.5rem;font-size:1.4rem;color:#171717;font-weight:800;background-image:linear-gradient(90deg, #24ee89, #9fe871);box-shadow:0 0 12px rgba(35,238,136,.3019607843);display:flex;justify-content:center;align-items:center;border-radius:.5rem;transition:all .2s;position:relative}.lotto-game-item .lotto-btn.lottery-closed-button{width:100%;text-align:center;background:#b8b8b8;box-shadow:0 0 12px rgba(35,238,136,.3019607843);border-radius:.5rem}.lotto-game-item .lotto-btn.lottery-live-button{width:100%;text-align:center;background:red;box-shadow:0 0 12px rgba(35,238,136,.3019607843);border-radius:.5rem}.lotto-game-item .lotto-btn:hover{cursor:pointer;opacity:.8;transform:scale(0.99)}.lotto-game-item p{width:100%;height:auto}.popUp-lottery-live{height:100%;display:flex;flex-direction:column}.popUp-lottery-live iframe{width:78%;height:100%;flex-shrink:0}.popUp-lottery-live .live-streaming-container{text-align:center;padding:30px 14px;flex:1}.popUp-lottery-live .live-streaming-container h1{text-align:center;margin:.5rem 1rem;font-size:2rem}.popUp-lottery-live .live-streaming-container .logo-container{display:flex;align-items:center;justify-content:center;margin:20px 0;gap:1rem}.popUp-lottery-live .live-streaming-container .logo-container img{width:55%;max-width:180px}.popUp-lottery-live .live-streaming-container .logo-container .location{font-size:16px;width:160px;color:#fff}.popUp-lottery-live .live-streaming-container .time-info{margin:40px 0;font-size:16px;color:#fff}.popUp-lottery-live .live-streaming-container .watch-on{margin:20px 0;display:flex;flex-direction:column;gap:1rem}.popUp-lottery-live .live-streaming-container .watch-on p{color:#fff}.popUp-lottery-live .live-streaming-container .watch-on .watch-link{display:block;background-color:#333;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;font-size:15px}.popUp-lottery-live .live-streaming-container .watch-on .watch-link:hover{cursor:pointer;opacity:.8}.pc .popUp-lottery-live{display:flex;flex-direction:row}
.gamefacelist-base{display:flex;flex-direction:column;align-items:center;gap:1rem}.gamefacelist-base .game-list{display:grid;place-items:center;gap:1.2rem;min-height:initial;grid-template-columns:repeat(3, 1fr)}.gamefacelist-base .more-btn{height:4.2rem;display:flex;align-items:center;justify-content:center;padding:0 2.2rem;background:var(--theme-color);border-radius:1rem;color:var(--theme-normal-color);font-size:1.6rem;width:max-content;margin:0 auto;font-weight:bold;display:none}.gamefacelist-base .more-btn:hover{cursor:pointer;opacity:.8}.gamefacelist-base .more-btn span{display:flex;align-items:center;justify-content:center;margin-right:.5rem}.gamefacelist-base .more-btn .more-text{height:max-content}.gamefacelist-base .more-btn .more-img{height:1.4rem;width:auto}.pc .gamefacelist-base{grid-template-columns:repeat(6, 1fr)}
.gamelotterylist-base{display:flex;flex-direction:column;gap:1.5rem}.gamelotterylist-base .lottery-game-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;display:none}.gamelotterylist-base .lottery-game-header .go-back{background:var(--theme-color);padding:.9rem 1.4rem;border-radius:.5rem;transition:all .1s;color:var(--theme-normal-color);font-weight:bold;display:flex;align-items:center;font-size:1.4rem}.gamelotterylist-base .lottery-game-header .go-back:hover{cursor:pointer;opacity:.8}.gamelotterylist-base .game-list{display:grid;place-items:center;gap:1.2rem;min-height:initial;grid-template-columns:repeat(5, 1fr)}.gamelotterylist-base .more-btn{height:4.2rem;display:flex;align-items:center;justify-content:center;padding:0 2.2rem;background:var(--theme-color);border-radius:1rem;color:var(--theme-normal-color);font-size:1.6rem;width:max-content;margin:0 auto;font-weight:bold;display:none}.gamelotterylist-base .more-btn:hover{cursor:pointer;opacity:.8}.gamelotterylist-base .more-btn span{display:flex;align-items:center;justify-content:center;margin-right:.5rem}.gamelotterylist-base .more-btn .more-text{height:max-content}.gamelotterylist-base .more-btn .more-img{height:1.4rem;width:auto}
.gamesportlist-base{display:flex;flex-direction:column}.gamesportlist-base .game-list{display:grid;place-items:center;gap:1.2rem;min-height:initial;grid-template-columns:repeat(6, 1fr)}.gamesportlist-base .game-list.sabaSport-list,.gamesportlist-base .game-list.sboSport-list{grid-template-columns:repeat(3, 1fr)}.gamesportlist-base .more-btn{height:4.2rem;display:flex;align-items:center;justify-content:center;padding:0 2.2rem;background:#222c3d;border-radius:1rem;color:var(--black-text-main);font-size:1.6rem;width:max-content;margin:0 auto;font-weight:bold;display:none}.gamesportlist-base .more-btn:hover{cursor:pointer;opacity:.8}.gamesportlist-base .more-btn span{display:flex;align-items:center;justify-content:center;margin-right:.5rem}.gamesportlist-base .more-btn .more-text{height:max-content}.gamesportlist-base .more-btn .more-img{height:1.4rem;width:auto}.pc .gamesportlist-base .game-list.sabaSport-list,.pc .gamesportlist-base .game-list.sboSport-list{grid-template-columns:repeat(1, 1fr)}
.sportgame-base{display:flex;flex-direction:column;gap:.8rem;padding-top:1rem}.sportgame-base .sport-game-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.sportgame-base .sport-game-header .game-type-title{color:var(--theme-normal-color);font-size:2.4rem;font-weight:700;display:flex;align-items:center}.sportgame-base .sport-game-header .carousel-control{display:flex;align-items:center;gap:1rem}.sportgame-base .sport-game-header .carousel-control .go{background:#222c3d;padding:.8rem 1rem;border-radius:.5rem;transition:all .1s;cursor:pointer;display:flex;align-items:center;justify-content:center}.sportgame-base .sport-game-header .carousel-control .go img{height:1rem;display:block}.sportgame-base .sport-game-header .carousel-control .go-detail a{display:block;background:#222c3d;padding:.7rem 1rem;border-radius:.5rem;transition:all .1s;cursor:pointer;color:var(--theme-normal-color);font-weight:700}.sportgame-base .sport-game-header .carousel-control .go-back{position:absolute;right:0;top:0;font-size:14px !important;line-height:14px;display:none a;display-display:block;display-background:#222c3d;display-padding:.7rem 1rem;display-border-radius:.5rem;display-transition:all .1s;display-cursor:pointer;display-color:var(--theme-normal-color);display-font-weight:700}.sportgame-base .carousel-container-box{overflow:auto}.sportgame-base .carousel-container-box .sports-list{display:flex;gap:.7rem;transition:all .4s}.sportgame-base .carousel-container-box .sports-list:has(.spots-empty){justify-content:center}.sportgame-base .carousel-container-box .sports-list .spots-empty{display:flex;align-content:center;justify-content:center;padding:2rem;font-size:2rem}.sportgame-base .carousel-container-box .sports-list .sports-item{background:#323738;border-radius:.5rem;padding:.8rem 1.2rem;font-weight:bold;width:calc(100vw - 4.8rem);gap:1rem;flex-shrink:0}.sportgame-base .carousel-container-box .sports-list .sports-item:hover{cursor:pointer;opacity:.8}.sportgame-base .carousel-container-box .sports-list .sports-item .jq-sports-content{color:var(--theme-normal-color)}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-header{display:flex;align-items:center;justify-content:space-between}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-header .sports-title{display:flex;align-items:center;color:var(--theme-normal-color);font-size:1.4rem}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-header .sports-title .sports-dot{height:.2rem;width:.2rem;background:#fff;border-radius:50%;margin:0 .5rem}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-header .sports-live{background:rgba(49,238,136,.1);border-radius:.3rem;padding:.3rem .7rem;display:flex;align-items:center;color:#a3d712;font-size:1.2rem;gap:.2rem}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-header .sports-live img{height:1.1rem;width:auto}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-content{padding:2rem 0;display:flex;align-items:center;justify-content:center}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-content>div{flex:1;display:flex;align-items:center;flex-direction:column}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-content .rival-img{height:4.4rem;width:auto}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-content .rival-title{margin-top:.5rem;text-align:center;color:var(--theme-normal-color);font-size:1.2rem}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-content .sports-score .score-result{font-size:2rem;font-weight:700;color:var(--theme-normal-color)}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-content .sports-score .score-sessions{margin-top:.5rem;font-weight:100;font-size:1.2rem;color:var(--theme-minor-color)}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot{display:flex;gap:.5rem}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot a{flex:1}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot .sports-num{height:3.5rem;flex:1;background:rgba(252,60,60,.15);color:var(--theme-normal-color);display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;font-size:1.2rem;padding:0 1rem}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot .sports-num.isClick{background-color:green}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot .sports-num.isClick .prize-change span{display:none}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot .sports-num.isClick .prize-change p{display:block}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot .sports-num .prize-change p{display:none}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot .sports-num .prize-name{color:var(--theme-normal-color)}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot .sports-num .prize-one{color:#fc3c3c}.sportgame-base .carousel-container-box .sports-list .sports-item .sports-foot .sports-num .prize-number{color:var(--theme-normal-color)}.sportgame-base .disabled{background:#444 !important;color:#777 !important;cursor:unset !important}.pc .sportgame-base .sports-list .sports-item{display:flex;flex-direction:column;justify-content:space-between;padding:.8rem 1.2rem;flex-shrink:0;width:50rem}.pc .sportgame-base .sports-list .sports-item .rival-img{height:4.4rem}.pc .sportgame-base .sports-list .sports-item .sports-content{padding:2.8rem 0}
.gameRules{display:block;min-width:calc(100% - 0rem);background:#17191a}.gameRules .rule-detail{height:calc(100% - 7rem);background-color:#10171e;position:relative;z-index:2}.gameRules .rule-detail .tabs{top:0;left:0;right:0;display:flex;flex-wrap:wrap;grid-gap:.1rem;list-style-type:none;overflow:auto;margin:0 0 1.4rem 0;padding:0 !important;max-height:0;min-height:0;transition:all .4s;box-shadow:0 0 1.4rem rgba(0,0,0,.2);justify-content:center}.gameRules .rule-detail .tabs li{flex-basis:calc((100% - 5.6rem)/2 + .5rem);box-sizing:border-box;background:#262626;display:flex;justify-content:center;align-items:center;height:5.6rem;margin:.5rem .3rem;transition:all .5s;font-family:SF Pro Text;font-weight:400;font-size:1.9rem;color:#80848d;border-radius:.8rem}.gameRules .rule-detail .tabs li:hover{background:rgba(255,255,255,.2);color:#fff}.gameRules .rule-detail .tabs .actived{background:#17191a;border:1px solid var(--theme-color);color:var(--theme-color)}.gameRules .rule-detail .tabs li[data-flag=category]{background:#17191a;padding:.5rem 1.4rem;font-size:1.9rem;flex-basis:100%;border:none;text-align:left;line-height:2.8rem;pointer-events:none;display:block;height:2.8rem}.gameRules .rule-detail .expand{max-height:100vh}.gameRules .rule-detail .rule-content{line-height:2.8rem;margin:0 1.4rem 4.2rem 1.4rem;padding:2.1rem 2.8rem;border-radius:1.4rem;overflow:hidden}.gameRules .rule-detail .rule-content dd{display:none}.gameRules .rule-detail .rule-content dd hr{margin:2.8rem 0}.gameRules .rule-detail .rule-content dd p{margin:1.4rem 0;font-size:2.2rem;line-height:3.9rem}.gameRules .rule-detail .rule-content dd h2{margin:2.8rem 0}.gameRules .rule-detail .rule-content dd h4{font-size:2.8rem}.gameRules .rule-detail .rule-content dd ol,.gameRules .rule-detail .rule-content dd ul{margin:0 0 0 4.2rem}.gameRules .rule-detail .rule-content dd ol li{font-size:1.8rem;line-height:2.2 .8rem}.gameRules .rule-detail .rule-content dd img{max-width:100%;display:inline-block}.gameRules .rule-detail .rule-content dd table{width:100%;border-collapse:separate;border-spacing:.1rem;background:#000;overflow:hidden;font-size:1.4rem}.gameRules .rule-detail .rule-content dd table tr{background:#f8f8f8;color:#333}.gameRules .rule-detail .rule-content dd table tr:nth-child(odd){background:#eee}.gameRules .rule-detail .rule-content dd table tr:nth-child(1){background:#999;font-weight:bold;color:#fff}.gameRules .rule-detail .rule-content dd table tr td{padding:.5rem;line-height:2.1rem;word-break:break-word}.gameRules .rule-detail .rule-content dd table tr td p{margin:0;padding:0}.gameRules .rule-detail .rule-content dd .shio-table tr td{color:#333}.pc .gameRules .rule-detail{overflow:initial}.pc .gameRules .rule-detail{background-color:rgba(0,0,0,0)}.pc .gameRules .rule-detail .tabs{position:initial}.gameRules .rule-detail .tabs li[data-flag=category]{height:4.2rem;line-height:4.2rem;padding:0 1.4rem}
.gametypelist-base{display:grid;grid-template-columns:repeat(6, 1fr);margin:2rem 1rem;grid-gap:1rem}.gametypelist-base .game-item{border-radius:1.5rem;overflow:hidden;transition:all .2s}.gametypelist-base .game-item:hover{cursor:pointer}.gametypelist-base .game-item:hover .game-img{transform:scale(1.1);transition:all .4s ease 0s}.gametypelist-base .game-item .game-img{width:100%;height:100%;object-fit:cover;transition:all .2s;border-radius:inherit}
.gamewindowwaiting-base{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0}.gamewindowwaiting-base .game-icon{display:block;width:max-content;height:28rem;border-radius:1.5rem;object-fit:contain;box-shadow:.2rem .4rem .6rem rgba(0,0,0,.2)}.gamewindowwaiting-base .loading{display:flex;justify-content:center;align-items:center;gap:1rem}.gamewindowwaiting-base .loading .loading-img{height:2.8rem}.gamewindowwaiting-base .loading .loading-text{font-size:2.5rem}
.indexgamelist-base{display:flex;flex-direction:column;overflow:auto;position:relative;gap:1rem;flex-shrink:0}
.game-types-base{height:6.3rem;display:flex;align-items:center;background-color:#222c3d;border-radius:1.2rem;gap:2rem;overflow:auto;overflow-y:hidden;padding:0 .6rem}.game-types-base .game-tabs-search{width:28rem;height:5.2rem;overflow:auto;display:flex;flex-wrap:nowrap;background:#262626;border-radius:99rem;box-sizing:border-box;z-index:1;transition:.1s ease-out;align-items:center;justify-content:center;padding:0 1rem 0 1rem;flex-shrink:0;font-size:1.6rem;border:.15rem solid rgba(0,0,0,0);transition:all .2s;color:var(--theme-normal-color)}.game-types-base .game-tabs-search:focus-within{border:.15rem solid #596272}.game-types-base .game-tabs-search.line-shot{width:5.2rem;border-radius:50%;padding:0}.game-types-base .game-tabs-search.line-shot input.tabSearchKey{display:none}.game-types-base .game-tabs-search .icon-btn{display:block;box-sizing:content-box;cursor:pointer;height:2.6rem;flex-shrink:0;padding:1rem;margin:0}.game-types-base .game-tabs-search input.tabSearchKey{width:50%;height:100%;flex:1;display:block;position:relative;box-sizing:border-box;margin:0;border:0;border-radius:1.8rem;color:inherit;background-color:inherit;font-size:inherit;font-weight:inherit}.game-types-base .game-tabs-search .searchClear{display:none;position:relative;cursor:pointer;height:2.2rem;border:.3rem #000 solid;border-radius:50%;margin:0;transition:all .4s}.game-types-base .game-tabs-search .searchClear:hover{transform:translateZ(0) rotate(180deg)}.game-types-base .game-tabs-type{height:100%;display:flex;align-items:center;gap:3.6rem;overflow:auto;padding:.6rem .5rem;overflow-y:hidden}.game-types-base .game-tabs-type .game-type-item{height:100%;padding:0 1.8rem 0 1rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;font-size:1.6rem;font-weight:bold;color:var(--theme-static-color);border:.15rem solid rgba(0,0,0,0);margin:0}.game-types-base .game-tabs-type .game-type-item:hover{cursor:pointer}.game-types-base .game-tabs-type .game-type-item .menu-type-img{width:auto;height:2.4rem}.game-types-base .game-tabs-type .game-type-item .menu-type-title{white-space:nowrap}.game-types-base .game-tabs-type .game-type-item.active{background-color:var(--theme-color);color:var(--theme-dynamic-color)}.pc .game-types-base .game-tabs-type::-webkit-scrollbar,.on-customize .game-types-base .game-tabs-type::-webkit-scrollbar{display:block;height:.7rem}.pc .game-types-base .game-tabs-type::-webkit-scrollbar-thumb,.on-customize .game-types-base .game-tabs-type::-webkit-scrollbar-thumb{display:block;background:linear-gradient(180deg, rgba(68, 68, 68, 0.6), rgba(153, 153, 153, 0.6), rgba(68, 68, 68, 0.6));-webkit-transition:all .4s;transition:all .4s}
.game-types-column{height:max-content;padding:.6rem;display:flex;align-items:center;background-color:#222c3d;border-radius:1.2rem;gap:1rem;overflow:auto;flex-shrink:0;flex-direction:column;position:relative}.game-types-column .game-type-indicator{height:13.5rem;width:13.5rem;position:absolute;transition:all .4s;pointer-events:none;z-index:1;background-image:url(../images/src/images/game-type/2/btnSelect.png);background-size:100% 100%;background-repeat:no-repeat}.game-types-column .game-type-item{height:13.5rem;width:13.5rem;flex-shrink:0;border-radius:1rem;display:flex;align-items:center;gap:1rem;font-size:1.4rem;font-weight:bold;color:var(--theme-static-color);border:0 solid rgba(0,0,0,0);margin:0;flex-direction:column;justify-content:center;text-align:center;position:relative;z-index:2}.game-types-column .game-type-item:hover{cursor:pointer}.game-types-column .game-type-item .menu-type-img{width:100%}.game-types-column .game-type-item .menu-type-title{white-space:nowrap;position:absolute;bottom:20%}.game-types-column .game-type-item.active{color:var(--theme-dynamic-color);background-image:url(../images/src/images/game-type/2/btnSelect.png);background-size:100% 100%;background-repeat:no-repeat}.game-types-column .game-type-item.active .menu-type-img{width:50%;position:absolute;top:35%;left:50%;margin:auto;transform:translate(-50%, -50%)}.pc .game-types-column::-webkit-scrollbar,.on-customize .game-types-column::-webkit-scrollbar{display:block;height:1rem;border-radius:.3rem}.pc .game-types-column::-webkit-scrollbar-thumb,.on-customize .game-types-column::-webkit-scrollbar-thumb{background:#41474e;border-radius:.5rem}
.gamelist-menus-base{display:flex;align-items:center;gap:1.4rem;overflow:auto;overflow-y:hidden;padding:.5rem 0}.gamelist-menus-base .game-menu-item{height:100%;background:#1c2433;color:var(--theme-static-color);font-weight:normal;font-size:1.4rem;display:flex;align-items:center;padding:1rem 2rem;white-space:nowrap;border-radius:1rem;border:.15rem solid #1c2433;margin:0}.gamelist-menus-base .game-menu-item:hover{cursor:pointer}.gamelist-menus-base .game-menu-item.active{color:var(--theme-dynamic-color);border-color:var(--theme-color)}.pc .gamelist-menus-base::-webkit-scrollbar,.on-customize .gamelist-menus-base::-webkit-scrollbar{display:block;height:1rem;border-radius:.3rem}.pc .gamelist-menus-base::-webkit-scrollbar-thumb,.on-customize .gamelist-menus-base::-webkit-scrollbar-thumb{background:#41474e;border-radius:.5rem}
.gamelistitems-base{display:flex;flex-direction:column;gap:2.4rem;flex:1}.gamelistitems-base .gamelist-items-list-base{display:grid;place-items:center;grid-template-columns:repeat(6, 1fr);gap:1.2rem}.gamelistitems-base .gamelist-items-list-base.sabaSport-list,.gamelistitems-base .gamelist-items-list-base.sboSport-list,.gamelistitems-base .gamelist-items-list-base.SBO-list{gap:1.2rem;position:relative;transition:all .4s;display:flex}.gamelistitems-base .gamelist-items-list-base.b2bSport-list,.gamelistitems-base .gamelist-items-list-base.B2B-list{grid-template-columns:repeat(5, 1fr)}.gamelistitems-base .gamelist-items-list-base.b2bSport-list .game-face-item,.gamelistitems-base .gamelist-items-list-base.B2B-list .game-face-item{width:auto}.gamelistitems-base .gamelist-items-list-base.lottery-list{grid-template-columns:repeat(2, 1fr);display:grid;gap:.8rem;transition:all .4s}.pc .gamelist-items-base .gamelist-items-list-base{grid-template-columns:repeat(6, 1fr)}.pc .gamelist-items-base .lottery-list{grid-template-columns:repeat(5, 1fr)}
.hotgame-base{display:flex;flex-direction:column;gap:2rem}.hotgame-base .hot-item-box{overflow:hidden;display:flex;flex-direction:column;gap:1rem}.hotgame-base .hot-item-box .hot-item-title{position:relative;font-size:1.8rem;font-weight:bold;color:var(--theme-normal-color);display:flex;justify-content:space-between;align-items:center}.hotgame-base .hot-item-box .hot-item-title .game-number{height:100%;background:#222c3d;padding:.9rem 1.6rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem}.hotgame-base .hot-item-box .hot-item-title .game-number:hover{cursor:pointer;opacity:.8}.hotgame-base .hot-item-box .hot-item-title .game-number .more-num{color:var(--theme-color)}.hotgame-base .hot-item-box .hot-item-title .game-number .more-icon{height:1.2rem;width:auto}.hotgame-base .hot-item-box .hot-item-title .go-back{background:#222c3d;padding:.9rem 1.4rem;border-radius:.5rem;transition:all .1s;color:var(--theme-normal-color);font-weight:bold;display:flex;align-items:center;font-size:1.4rem;display:none}.hotgame-base .hot-item-box .hot-item-title .go-back:hover{cursor:pointer;opacity:.8}.hotgame-base .hot-item-box .hot-item-list{display:flex;gap:1.5rem;padding:1.5rem 0;overflow:auto}.hotgame-base .hot-item-box .hot-item-list::-webkit-scrollbar{display:block;height:1rem}.hotgame-base .hot-item-box .hot-item-list::-webkit-scrollbar-thumb{background-color:#41474e;border-radius:.2rem}.hotgame-base .hot-item-box .hot-item-list.hot-favorite-list .game-face-item,.hotgame-base .hot-item-box .hot-item-list.hot-favorite-list .lotto-game-item{flex-shrink:0;height:28.6rem}.hotgame-base .hot-item-box .hot-item-list.hot-favorite-list .lotto-game-item{width:26.8rem}.hotgame-base .hot-item-box .hot-item-list.hot-other-list .game-item{flex-shrink:0;height:21rem;border-radius:1.4rem;overflow:hidden}.hotgame-base .hot-item-box .hot-item-list.hot-other-list .game-item .game-box{width:100%;height:100%;transition:all .2s;overflow:hidden;border-radius:inherit}.hotgame-base .hot-item-box .hot-item-list.hot-other-list .game-item .game-box:hover{cursor:pointer}.hotgame-base .hot-item-box .hot-item-list.hot-other-list .game-item .game-box:hover .game-img{transform:scale(1.1);transition:all .4s ease 0s}.hotgame-base .hot-item-box .hot-item-list.hot-other-list .game-item .game-box .game-img{width:100%;height:100%;object-fit:cover;transition:all .2s;border-radius:inherit}.hotgame-base .hot-item-box .hot-item-list.hot-other-list .game-face-item{height:21rem;flex-shrink:0}.hotgame-base .hot-item-box .hot-item-list.hot-other-list .lotto-game-item{width:26.8rem}.hotgame-base .hot-item-box .hot-item-list.sabaSport-item-list,.hotgame-base .hot-item-box .hot-item-list.sboSport-item-list{display:grid;grid-template-columns:repeat(3, 1fr)}
.indexgamelist-column{display:flex;overflow:auto;position:relative;gap:1rem;flex-shrink:0}.indexgamelist-column .game-types-column{background-color:rgba(0,0,0,0)}.indexgamelist-column .game-list-type-content{display:flex;flex-direction:column;flex:1;width:50%;gap:1rem}.indexgamelist-column .game-list-type-content .gamelistitems-base{flex:initial}.indexgamelist-column .hotgame-base{flex:1;width:50%}
.loginform-base .login-form{padding:2.6rem 1.6rem;display:flex;flex-direction:column;gap:2.6rem}.loginform-base .login-form .form-item{height:6.5rem;overflow:hidden;position:relative;display:flex;justify-content:space-between;align-items:center;background:#000;border:#1c2433 .3rem solid;border-radius:.5rem;padding:0 2.8rem 0 1.5rem;font-size:2rem;color:var(--theme-normal-color)}.loginform-base .login-form .form-item .form-item-prefix img{height:2.5rem;display:block}.loginform-base .login-form .form-item .form-item-input{width:50%;display:block;overflow:hidden;height:100%;flex:1;margin-left:1.5rem;margin-right:2.8rem;font-weight:inherit;color:inherit}.loginform-base .login-form .form-item .form-item-suffix{width:auto;height:2.8rem;flex-shrink:0;margin:0}.loginform-base .login-form .form-item .form-item-suffix:hover{cursor:pointer;opacity:.8}.loginform-base .member-psw{margin:3.6rem 2rem;display:flex;align-items:center;position:relative;justify-content:space-between;font-size:1.68rem}.loginform-base .member-psw input[type=checkbox]{display:none}.loginform-base .member-psw .remember-psw-checkbox{display:flex;align-items:center;gap:1rem}.loginform-base .member-psw .remember-psw-checkbox .label-checkbox .input-checkbox-icon{display:inline-block;width:2.3rem;height:2.3rem;border:var(--theme-color) .15rem solid;cursor:pointer;vertical-align:middle;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.loginform-base .member-psw .remember-psw-checkbox .label-checkbox .input-checkbox-icon img{height:1.8rem;display:block}.loginform-base .member-psw .remember-psw-checkbox .input-checkbox-tip:hover{cursor:pointer;opacity:.8}.loginform-base .member-psw .member-psw-forget{font-weight:normal;color:var(--theme-color);text-decoration:underline}.loginform-base .login-btn{height:5.6rem;display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-weight:700;font-size:2rem;border-radius:1.5rem;background:var(--theme-color);color:#fff;margin:0 2rem;transition:all .3s}.loginform-base .login-btn:hover{opacity:.8;cursor:pointer}.loginform-base .other-item{display:flex;margin:2.6rem auto;justify-content:center;align-items:center;font-size:1.68rem}.loginform-base .other-item b{text-align:center;color:#55657e;text-transform:capitalize;font-weight:400;transition:all .3s}.loginform-base .other-item b:hover{transform:scale(1.02)}.loginform-base .other-item b span{color:var(--theme-minor-color)}.loginform-base .other-item b a{color:var(--theme-color)}.pc .loginform-base .login-form .form-item{height:5.6rem}
.myfeedbacktabs-base{flex:1;min-height:60rem;display:flex;flex-direction:column;overflow:hidden}.myfeedbacktabs-base .tabs{flex-shrink:0}.myfeedbacktabs-base .tabs-panes{flex:1;display:flex;transition:all .4s}.myfeedbacktabs-base .tabs-panes>div{min-width:100%}.myfeedbacktabs-base .tabs-panes>div.yc-customize-active-space{min-width:calc(100% - 1.6rem)}
.myfeedbacktabs-tab-base{height:5.6rem;display:flex;align-items:center;list-style-type:none;overflow:hidden;padding:.5rem;overflow-x:auto;white-space:nowrap;border-radius:.5rem;gap:1rem;flex-shrink:0}.myfeedbacktabs-tab-base .tab{height:100%;flex:1;display:flex;justify-content:center;align-items:center;position:relative;text-transform:capitalize;font-size:2rem;color:var(--theme-minor-color);border-radius:.5rem;border:.15rem solid rgba(0,0,0,0)}.myfeedbacktabs-tab-base .tab.active{background-color:var(--theme-color);font-weight:bold;color:var(--theme-normal-color);border-color:var(--theme-color)}.myfeedbacktabs-tab-base .tab:hover{cursor:pointer;opacity:.8}
.myfeedbackboxinbox-base{width:100%;position:relative;padding:2rem 2rem 1rem 2rem;overflow:auto;display:flex;flex-direction:column}.myfeedbackboxinbox-base .empty-data{position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center}.myfeedbackboxinbox-base .empty-data .empty-icon{height:23rem}.myfeedbackboxinbox-base .empty-data .empty-text{font-size:1.6rem;color:#999}.myfeedbackboxinbox-base dl.list{min-width:calc(100% - 4rem);display:flex;flex-direction:column;gap:1rem;position:relative;flex:1}.myfeedbackboxinbox-base dl.list dt.addDate{display:flex;align-items:center;gap:1rem;background:linear-gradient(90deg, #000, transparent);padding:1rem}.myfeedbackboxinbox-base dl.list dt.addDate .date-img{height:2rem}.myfeedbackboxinbox-base dl.list dt.addDate .date-text{font-size:2rem}.myfeedbackboxinbox-base dl.list dd{display:flex;flex-direction:column;justify-content:center;background:#666;padding:1.5rem;border-radius:1.5rem;gap:1.5rem;overflow:hidden;cursor:pointer;transition:all .4s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.myfeedbackboxinbox-base dl.list dd:hover{box-shadow:.2rem .4rem .6rem rgba(0,0,0,.6);opacity:.8}.myfeedbackboxinbox-base dl.list dd.active{background:#333}.myfeedbackboxinbox-base dl.list dd.active h4 .message-type .arrow-icon{transform:translateZ(0) rotate(180deg)}.myfeedbackboxinbox-base dl.list dd.active .reply{display:flex}.myfeedbackboxinbox-base dl.list dd h4{display:flex;justify-content:space-between;gap:1rem;font-weight:400;color:#67c23a;font-size:1.4rem}.myfeedbackboxinbox-base dl.list dd h4 .message-type{text-decoration:none;display:flex;align-items:center;gap:.5rem}.myfeedbackboxinbox-base dl.list dd h4 .message-type .arrow-icon{height:1rem;transition:all .4s}.myfeedbackboxinbox-base dl.list dd h4 .message-type .message-type-title{font-size:1.4rem;color:#b1bad3;font-weight:bold}.myfeedbackboxinbox-base dl.list dd h3{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.myfeedbackboxinbox-base dl.list dd h3 u{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:none;font-size:1.6rem;color:#000}.myfeedbackboxinbox-base dl.list dd h3 b{font-weight:400;color:#ccc;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:4rem;overflow:hidden;transition:all .4s;font-size:1.6rem}.myfeedbackboxinbox-base dl.list dd .reply{background:#5f9ea0;height:4.2rem;line-height:4.2rem;display:flex;justify-content:center;align-items:center;border-radius:.5rem;font-size:2rem;font-style:normal;text-decoration:none;color:var(--theme-normal-color);flex:1;cursor:pointer;transition:all .4s;white-space:normal;gap:1rem;display:none}.myfeedbackboxinbox-base .more{height:4rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0 0 0;cursor:pointer;gap:2rem}.myfeedbackboxinbox-base .more:hover .more-img{transform:translateZ(0) rotate(0deg)}.myfeedbackboxinbox-base .more .more-img{height:1.4rem;transform:translateZ(0) rotate(90deg);transition:all .4s}.myfeedbackboxinbox-base .more .more-text{font-size:1.4rem;color:var(--theme-normal-color)}
.myfeedbackboxoutbox-base{width:100%;position:relative;padding:2rem 2rem 1rem 2rem;overflow:auto;display:flex;flex-direction:column}.myfeedbackboxoutbox-base .empty-data{position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center}.myfeedbackboxoutbox-base .empty-data .empty-icon{height:23rem}.myfeedbackboxoutbox-base .empty-data .empty-text{font-size:1.6rem;color:#999}.myfeedbackboxoutbox-base dl.list{min-width:calc(100% - 4rem);display:flex;flex-direction:column;grid-template-columns:repeat(1, 1fr);gap:1rem;position:relative;flex:1}.myfeedbackboxoutbox-base dl.list dt.addDate{display:flex;align-items:center;gap:1rem;background:linear-gradient(90deg, #000, transparent);padding:1rem}.myfeedbackboxoutbox-base dl.list dt.addDate .date-img{height:2rem}.myfeedbackboxoutbox-base dl.list dt.addDate .date-text{font-size:2rem}.myfeedbackboxoutbox-base dl.list dd{display:flex;flex-direction:column;justify-content:center;background:#666;padding:1.5rem;border-radius:1.5rem;gap:1.5rem;overflow:hidden;cursor:pointer;line-height:1.6rem;transition:all .4s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.myfeedbackboxoutbox-base dl.list dd:hover{box-shadow:.2rem .4rem .6rem rgba(0,0,0,.6);opacity:.8}.myfeedbackboxoutbox-base dl.list dd.active{background:#333}.myfeedbackboxoutbox-base dl.list dd.active h4 .message-type .arrow-icon{transform:translateZ(0) rotate(180deg)}.myfeedbackboxoutbox-base dl.list dd h4{display:flex;justify-content:space-between;gap:1rem;font-weight:400;color:#67c23a;font-size:1.4rem}.myfeedbackboxoutbox-base dl.list dd h4 .message-type{text-decoration:none;display:flex;align-items:center;gap:.5rem}.myfeedbackboxoutbox-base dl.list dd h4 .message-type .arrow-icon{height:1rem;transition:all .4s}.myfeedbackboxoutbox-base dl.list dd h4 .message-type .message-type-title{font-size:1.4rem;color:#b1bad3;font-weight:bold}.myfeedbackboxoutbox-base dl.list dd h3{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.myfeedbackboxoutbox-base dl.list dd h3 u{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:none;font-size:1.6rem;color:#000}.myfeedbackboxoutbox-base dl.list dd h3 b{font-weight:400;color:#ccc;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:4rem;overflow:hidden;transition:all .4s;font-size:1.6rem}.myfeedbackboxoutbox-base .more{height:4rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0 0 0;cursor:pointer;gap:2rem}.myfeedbackboxoutbox-base .more:hover .more-img{transform:translateZ(0) rotate(0deg)}.myfeedbackboxoutbox-base .more .more-img{height:1.4rem;transform:translateZ(0) rotate(90deg);transition:all .4s}.myfeedbackboxoutbox-base .more .more-text{font-size:1.4rem;color:var(--theme-normal-color)}
.myfeedbackboxpublish-base{width:100%;position:relative;padding:2rem 2rem 1rem 2rem;overflow:auto;display:flex;flex-direction:column}.myfeedbackboxpublish-base .publish-form{display:flex;flex-direction:column;gap:2rem}.myfeedbackboxpublish-base .publish-form .form-item{display:flex;flex-direction:column;gap:1.5rem}.myfeedbackboxpublish-base .publish-form .form-item .form-title{font-size:1.8rem;color:var(--theme-minor-color)}.myfeedbackboxpublish-base .publish-form .form-item .subject-list{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.myfeedbackboxpublish-base .publish-form .form-item .subject-list .subject-item{display:flex;align-items:center;justify-content:center;flex:1;padding:1rem 0;font-size:2rem;color:var(--theme-normal-color);background-color:#1c2433;border-radius:1rem;border:.15rem solid rgba(0,0,0,0);flex:auto}.myfeedbackboxpublish-base .publish-form .form-item .subject-list .subject-item:hover{cursor:pointer;opacity:.8}.myfeedbackboxpublish-base .publish-form .form-item .subject-list .subject-item.active{border:var(--theme-color) .15rem solid}.myfeedbackboxpublish-base .publish-form .form-item .title-input{font-size:2rem;padding:1.4rem;overflow:hidden;transition:all .4s;background:#262626;border-radius:1.5rem;color:var(--theme-normal-color)}.myfeedbackboxpublish-base .publish-form .form-item .title-input:required:invalid{animation:required .5s;animation-iteration-count:3}.myfeedbackboxpublish-base .publish-form .form-item .content-textarea{font-size:2rem;padding:1.4rem;overflow:hidden;min-height:20rem;transition:all .4s;background:#262626;border-radius:1.5rem;color:var(--theme-normal-color)}.myfeedbackboxpublish-base .publish-form .form-item .content-textarea:required:invalid{animation:required .5s;animation-iteration-count:3}.myfeedbackboxpublish-base .submit-btn{display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-weight:bold;font-size:2rem;border-radius:1.5rem;background:var(--theme-color);color:var(--theme-normal-color);padding:1.5rem 0;margin-top:5rem}.myfeedbackboxpublish-base .submit-btn:hover{cursor:pointer;opacity:.8}
.mykycform-base{width:100%;display:flex;justify-content:center;flex-direction:column;margin:0 auto;gap:5rem}.mykycform-base .kyc-form{display:flex;flex-direction:column;gap:1rem}.mykycform-base .kyc-form .form-item{display:flex;align-items:center;border-bottom:.15rem solid #999;font-size:1.8rem;color:var(--theme-normal-color);padding:1rem 0;border-top:0;border-left:0;border-right:0}.mykycform-base .kyc-form .form-item.KYC-aint{border-color:red !important}.mykycform-base .kyc-form .form-item.KYC-aint .form-label .label-text{color:red !important}.mykycform-base .kyc-form .form-item .form-label{display:flex;align-items:start}.mykycform-base .kyc-form .form-item .form-label .required-sign{font-size:1.6rem;color:red}.mykycform-base .kyc-form .form-item .form-label .label-text{font-size:1.8rem;color:#999}.mykycform-base .kyc-form .form-item .form-value{flex:1;display:flex;justify-content:right;align-items:center;gap:1rem}.mykycform-base .kyc-form .form-item .form-value input{font-size:inherit;color:inherit;text-align:right;display:flex;align-items:center}.mykycform-base .kyc-form .form-item .form-value input[type=input],.mykycform-base .kyc-form .form-item .form-value input[type=number]{width:100%}.mykycform-base .kyc-form .form-item .form-value input[type=file]{height:max-content;width:50%;background-color:#292929;border-radius:3rem;color:var(--theme-normal-color);padding:.5rem 2rem}.mykycform-base .kyc-form .form-item .form-value .KYC-huoqu{color:red;font-size:1.6rem;flex-shrink:0}.mykycform-base .kyc-form .form-item .form-value .KYC-huoqu:hover{cursor:pointer;opacity:.8}.mykycform-base .pengiriman-submit{width:max-content;height:6rem;padding:0 6rem;border-radius:.5rem;background-color:var(--theme-color);display:block;color:var(--theme-normal-color);font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto}.mykycform-base .pengiriman-submit:hover{cursor:pointer;opacity:.8}.pc .mykycform-base{width:auto}
.mymessagetabs-base{display:flex;flex-direction:column;gap:1rem;flex:1}
.mymessagetab-base{height:5.6rem;display:flex;align-items:center;list-style-type:none;overflow:hidden;padding:.5rem;overflow-x:auto;white-space:nowrap;border-radius:.5rem;gap:1rem;flex-shrink:0;background-color:#222c3d}.mymessagetab-base .tab{height:100%;flex:1;display:flex;justify-content:center;align-items:center;position:relative;text-transform:capitalize;font-size:2rem;color:var(--theme-static-color);border-radius:.5rem;border:.15rem solid rgba(0,0,0,0)}.mymessagetab-base .tab.active{background-color:var(--theme-color);font-weight:bold;color:var(--theme-dynamic-color);border-color:var(--theme-color)}.mymessagetab-base .tab:hover{cursor:pointer;opacity:.8}.mymessagetab-base .tab span{position:relative}.mymessagetab-base .tab span i{font-size:1.6rem;position:absolute;top:0;left:113%;transform:translate(-50%, -50%);width:3.3rem;height:2.2rem;background-color:red;color:#fff;border-radius:.6rem .6rem .6rem .1rem;display:block;text-align:center}
.mymessagelist-base{flex:1;display:flex;flex-direction:column;gap:2rem;position:relative}.mymessagelist-base .empty-data{position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center}.mymessagelist-base .empty-data .empty-icon{height:23rem}.mymessagelist-base .empty-data .empty-text{font-size:1.6rem;color:#999}.mymessagelist-base input{appearance:none;-webkit-appearance:none;border:1px solid #dedede;border-radius:50%;outline:0;cursor:pointer;width:2rem;height:2rem}.mymessagelist-base input:checked{background:#fff url(../images/src/page/myMessage/components/myMessageList/base/img/check.png) no-repeat center/contain}.mymessagelist-base input:hover{opacity:.8;cursor:pointer}.mymessagelist-base .list{border-radius:.5rem;background:#1c2433;flex:1}.mymessagelist-base .list .item{display:flex;padding:1.5rem 1rem;border-bottom:.1rem rgba(128,132,141,.2) solid;border-top:0;border-left:0;border-right:0;overflow:hidden}.mymessagelist-base .list .item:hover{cursor:pointer;opacity:.8}.mymessagelist-base .list .item .left{width:0;min-width:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:all .4s;overflow:hidden}.mymessagelist-base .list .item .left.edit-in{width:3rem;margin-right:1rem}.mymessagelist-base .list .item .right{display:flex;flex-direction:column;flex:1;font-size:1.6rem;overflow:hidden}.mymessagelist-base .list .item .right .top{display:flex;justify-content:space-between;align-items:center}.mymessagelist-base .list .item .right .top b{font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#f6f6f6}.mymessagelist-base .list .item .right .top i{min-width:7rem;font-style:normal;text-align:right;font-weight:normal;color:rgba(148,148,148,.5)}.mymessagelist-base .list .item .right .bottom{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0 0 0}.mymessagelist-base .list .item .right .bottom p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:400;color:rgba(148,148,148,.6)}.mymessagelist-base .list .item .right .bottom img{display:block;height:1.5rem}.mymessagelist-base .editArea{margin:0;background:#262626;display:flex;justify-content:space-evenly;align-items:center;border-radius:1rem;overflow:hidden;width:100%;height:0;transition:all .5s;border:0;position:fixed;bottom:0;left:0}.mymessagelist-base .editArea.editArea-in{width:100%;height:8rem;background:#262626;border-radius:2.4rem 2.4rem 0 0;z-index:5}.mymessagelist-base .editArea p{height:6rem;display:flex;justify-content:center;align-items:center;color:#666;font-size:2rem;color:#949494}.mymessagelist-base .editArea p:nth-child(2){color:red}.mymessagelist-base .editArea p:last-child{border:0;color:#2a87f1}.mymessagelist-base .editArea p span{margin-left:.4rem}.mymessagelist-base .editArea p span.operate-2,.mymessagelist-base .editArea p span.operate-3{height:3.5rem;background:#0d0d0d;border-radius:1rem;padding:0 1.5rem;display:flex;align-items:center;justify-content:center}.mymessagelist-base .editArea p span.operate-2:hover,.mymessagelist-base .editArea p span.operate-3:hover{opacity:.8;cursor:pointer}.mymessagelist-base .editArea p span.operate-2{background:#0d0d0d}.mymessagelist-base .editArea p span.operate-3{background:#fff}.mymessagelist-base .more{height:4rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;flex-shrink:0;color:var(--theme-normal-color)}.mymessagelist-base .more:hover{cursor:pointer;opacity:.8}.myMessage-dialogPopup{font-size:2.5rem;line-height:3rem;padding-bottom:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6rem}.myMessage-dialogPopup .receive-btn{width:max-content;height:4rem;background-color:#ff4500;display:flex;align-items:center;justify-content:center;font-size:1.6rem;padding:0 6rem;border-radius:.5rem;color:var(--theme-normal-color)}.myMessage-dialogPopup .receive-btn:hover{cursor:pointer;opacity:.8}
.myrecommendtabs-base{display:flex;flex-direction:column;gap:1.5rem;flex:1}
.myrecommendtab-base{display:flex;align-items:center;list-style-type:none;overflow:hidden;padding:.5rem;overflow-x:auto;white-space:nowrap;border-radius:.5rem;gap:1rem;flex-shrink:0}.myrecommendtab-base .tab{height:4.6rem;flex:1;display:flex;justify-content:center;align-items:center;position:relative;text-transform:capitalize;font-size:2rem;color:var(--theme-static-color);border-radius:.5rem;border:.15rem solid rgba(0,0,0,0)}.myrecommendtab-base .tab.active{background-color:var(--theme-color);font-weight:bold;color:var(--theme-dynamic-color);border-color:var(--theme-color)}.myrecommendtab-base .tab:hover{cursor:pointer;opacity:.8}
.myrecommendkyc-base{display:flex;align-items:center;justify-content:center;padding:1rem 0;gap:1rem}.myrecommendkyc-base .kyc-tip{font-size:1.6rem;color:var(--theme-minor-color)}.myrecommendkyc-base .kyc-btn{height:2.8rem;background-color:var(--theme-color);padding:0 2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:var(--theme-normal-color);font-size:1.4rem}.myrecommendkyc-base .kyc-btn:hover{cursor:pointer;opacity:.4}
.myrecommendaction-base{background:#1c2433;border-radius:.5rem;padding:0 1.5rem 1.5rem}.myrecommendaction-base .referral-count{height:8rem;display:flex;border-bottom:rgba(13,13,13,.4) 1px solid;border-top:0;border-left:0;border-right:0;display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:0 2rem}.myrecommendaction-base .referral-count .count-title{height:max-content;font-weight:normal;font-size:2.5rem;color:#80848d}.myrecommendaction-base .referral-count .count-num{height:max-content;font-weight:bold;font-size:2.5rem;color:var(--theme-normal-color);display:flex;align-items:center}.myrecommendaction-base .recommend-link{color:var(--theme-normal-color);font-size:1.6rem;text-align:center;padding:1.5rem;word-break:break-all}.myrecommendaction-base .recommend-register{display:flex;align-items:center;justify-content:space-between;gap:2rem}.myrecommendaction-base .recommend-register>div{flex:1}.myrecommendaction-base .recommend-register div{height:5.6rem;line-height:5.6rem;position:relative;flex:1;text-align:center;font-size:2rem;display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-weight:bold;border-radius:.5rem;background:#fff;color:#17191a}.myrecommendaction-base .recommend-register div:hover{cursor:pointer;opacity:.8}.myrecommendaction-base .recommend-register .copy-href{background:var(--theme-color);color:var(--theme-normal-color)}.myrecommendaction-base .recommend-register .copy-href img{width:1.8rem;height:1.8rem;filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);margin-right:.5rem}
.myrecommendrecords-base{flex:1}
.myrecommendplayerrecords-base{position:relative;padding:2rem;overflow:auto;display:flex;flex-direction:column;gap:2rem}.myrecommendplayerrecords-base .tabs{height:4.5rem;display:flex;align-items:center;gap:1.5rem}.myrecommendplayerrecords-base .tabs .tab{height:100%;padding:0 1rem;cursor:pointer;font-size:2rem;text-align:center;border-radius:.5rem;background:#1c2433;display:flex;align-items:center;justify-content:center;border:rgba(0,0,0,0) .1rem solid;color:var(--theme-static-color)}.myrecommendplayerrecords-base .tabs .tab:hover{cursor:pointer;opacity:.8}.myrecommendplayerrecords-base .tabs .tab.active{color:var(--theme-dynamic-color);border:var(--theme-color) .1rem solid}.myrecommendplayerrecords-base .table{width:100%;border-collapse:collapse;border-radius:1rem;flex:1}.myrecommendplayerrecords-base .table thead th{height:5rem;text-align:center;font-family:Helvetica;font-weight:normal;font-size:2rem;color:#8a8c99;border-bottom:#3d3e45 1px solid;background:#1c2433}.myrecommendplayerrecords-base .table tbody{position:relative}.myrecommendplayerrecords-base .table tbody .empty-data-container .empty-data{display:flex;flex-direction:column;align-items:center;padding:6rem 0}.myrecommendplayerrecords-base .table tbody .empty-data-container .empty-data .empty-icon{height:23rem}.myrecommendplayerrecords-base .table tbody .empty-data-container .empty-data .empty-text{font-size:1.6rem;color:#999}.myrecommendplayerrecords-base .table tbody tr:hover{opacity:.8;cursor:pointer}.myrecommendplayerrecords-base .table tbody tr td{text-align:center;height:3.5rem;font-size:1.4rem;background:#1c2433}.myrecommendplayerrecords-base .more{height:4rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:var(--theme-normal-color)}.myrecommendplayerrecords-base .more:hover{cursor:pointer;opacity:.8}
.myrecommendreferralrecords-base{position:relative;padding:2rem;overflow:auto;display:flex;flex-direction:column;gap:2rem}.myrecommendreferralrecords-base .table{width:100%;border-collapse:collapse;border-radius:1rem;flex:1}.myrecommendreferralrecords-base .table thead th{height:5rem;text-align:center;font-family:Helvetica;font-weight:normal;font-size:2rem;color:#8a8c99;border-bottom:#3d3e45 1px solid;background:#1c2433}.myrecommendreferralrecords-base .table tbody{position:relative}.myrecommendreferralrecords-base .table tbody .empty-data-container .empty-data{display:flex;flex-direction:column;align-items:center;padding:6rem 0}.myrecommendreferralrecords-base .table tbody .empty-data-container .empty-data .empty-icon{height:23rem}.myrecommendreferralrecords-base .table tbody .empty-data-container .empty-data .empty-text{font-size:1.6rem;color:#999}.myrecommendreferralrecords-base .table tbody tr:hover{opacity:.8;cursor:pointer}.myrecommendreferralrecords-base .table tbody tr td{text-align:center;height:3.5rem;font-size:1.4rem;background:#1c2433}.myrecommendreferralrecords-base .more{height:4rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:var(--theme-normal-color)}.myrecommendreferralrecords-base .more:hover{cursor:pointer;opacity:.8}
.myrecommendbonusrecords-base{position:relative;padding:2rem;overflow:auto;display:flex;flex-direction:column;gap:2rem}.myrecommendbonusrecords-base .table{width:100%;border-collapse:collapse;border-radius:1rem;flex:1}.myrecommendbonusrecords-base .table thead th{height:5rem;text-align:center;font-family:Helvetica;font-weight:normal;font-size:2rem;color:#8a8c99;border-bottom:#3d3e45 1px solid;background:#1c2433}.myrecommendbonusrecords-base .table tbody{position:relative}.myrecommendbonusrecords-base .table tbody .empty-data-container .empty-data{display:flex;flex-direction:column;align-items:center;padding:6rem 0}.myrecommendbonusrecords-base .table tbody .empty-data-container .empty-data .empty-icon{height:23rem}.myrecommendbonusrecords-base .table tbody .empty-data-container .empty-data .empty-text{font-size:1.6rem;color:#999}.myrecommendbonusrecords-base .table tbody tr:hover{opacity:.8;cursor:pointer}.myrecommendbonusrecords-base .table tbody tr td{text-align:center;height:3.5rem;font-size:1.4rem;background:#1c2433}.myrecommendbonusrecords-base .more{height:4rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:var(--theme-normal-color)}.myrecommendbonusrecords-base .more:hover{cursor:pointer;opacity:.8}
.oddsRules{display:block;background-color:#17191a;width:100%}.oddsRules .rule-detail{height:calc(100% - 7rem);position:relative;z-index:2}.oddsRules .rule-detail .tabs{top:0;left:0;right:0;display:flex;flex-wrap:wrap;grid-gap:.1rem;list-style-type:none;overflow:auto;margin:0 0 1.4rem 0;padding:0 !important;max-height:0;min-height:0;transition:all .4s;box-shadow:0 0 1.4rem rgba(0,0,0,.2);justify-content:center}.oddsRules .rule-detail .tabs li{flex-basis:calc((100% - 5.6rem)/2 + .7rem);box-sizing:border-box;background:#1c2433;display:flex;justify-content:center;align-items:center;height:5.6rem;margin:.7rem .3rem;border-radius:.8rem;transition:all .5s;font-weight:400;font-size:1.9rem;color:#80848d}.oddsRules .rule-detail .tabs li:hover{background:rgba(255,255,255,.2);color:#fff}.oddsRules .rule-detail .tabs .actived{border:1px solid #1376fa;color:#1376fa}.oddsRules .rule-detail .tabs li[data-flag=category]{background:#17191a;padding:.7rem 1.4rem;font-size:2.2rem;flex-basis:100%;border:none;pointer-events:none;display:block;height:4.2rem}.oddsRules .rule-detail .expand{max-height:70vh}.oddsRules .rule-detail .rule-content{line-height:2.8rem;min-height:30rem;margin:0 1.4rem 4.2rem 1.4rem;padding:1.4rem;border-radius:1.4rem;overflow:hidden}.oddsRules .rule-detail .rule-content dd h2{font-size:1.7rem;color:#8066ff}.oddsRules .rule-detail .rule-content section{width:100%;display:none;overflow:hidden;min-width:unset;min-height:unset}.oddsRules .rule-detail .rule-content section p{padding:1.4rem 0;border-radius:1.4rem;color:#ff6e12;line-height:2.8rem;font-size:2.1rem}.oddsRules .rule-detail .rule-content select{margin:0 0 0 2.8rem;height:4.2rem;-webkit-appearance:auto;appearance:auto;border:0;padding:0 1.4rem;outline:0;font-size:1.9rem;background:rgba(255,255,255,.3);color:#fff}.oddsRules .rule-detail .rule-content option{color:#242f3d}.oddsRules .rule-detail .rule-content dd table{width:100%;margin:1.4rem 0;background:rgba(255,255,255,.2);overflow:hidden;border-spacing:.1rem;font-size:1.9rem;border-radius:.7rem}.oddsRules .rule-detail .rule-content dd table tr{font-size:1.2rem}.oddsRules .rule-detail .rule-content dd table tr:nth-child(odd){font-size:1.2rem}.oddsRules .rule-detail .rule-content dd table tr:first-child{background:rgba(255,255,255,.1);font-weight:400;color:#fff;font-size:1.9rem}.oddsRules .rule-detail .rule-content dd table tr td{padding:.7rem;font-size:1.6rem}.oddsRules .rule-detail .rule-content dd table tr:first-child td:first-child,.oddsRules .rule-detail .rule-content dd table tr:first-child td:nth-child(2){border-bottom:1px solid #dedede}.oddsRules{background:#111922 !important}.oddsRules .rule-detail .rule-content .prizes-content .prizes-section section{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden}
.paymentmethodinfo-base .bank-container{width:max-content;margin:0 auto;position:relative}.paymentmethodinfo-base .bank-container:hover{cursor:pointer;opacity:.8}.paymentmethodinfo-base .bank-container .bank-backdrop{height:30rem;display:block}.paymentmethodinfo-base .bank-container .bank-cardlogo{display:block;height:3.5rem;top:26%;left:8%;position:absolute;z-index:15}.paymentmethodinfo-base .bank-container .bank-number{font-size:2rem;position:absolute;top:40%;left:8%;font-weight:normal;color:var(--theme-normal-color);opacity:.8;z-index:15}.paymentmethodinfo-base .bank-container .bank-sign{height:2.8rem;background:#0d0d0d;border-radius:1.5rem;font-family:SF Pro Text;font-weight:normal;font-size:2rem;color:var(--theme-minor-color);position:absolute;top:10%;left:70%;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:center;z-index:15}.pc .paymentmethodinfo-base .bank-container .bank-backdrop{height:50rem}.pc .paymentmethodinfo-base .bank-container .bank-sign{left:70%}.popUp-modifybank{display:flex;align-items:center;gap:2rem}.popUp-modifybank .service-icon{height:7rem}.popUp-modifybank .service-content .service-title{font-size:2rem;font-weight:bold;color:var(--theme-normal-color)}.popUp-modifybank .service-content .service-desc{font-size:2rem;line-height:2.4rem;color:var(--theme-normal-color)}
.personaldatainfo-base{margin:0 1rem;display:flex;flex-direction:column;gap:2rem}.personaldatainfo-base ul{border-radius:1.5rem;font-weight:400;font-size:2rem;color:var(--theme-normal-color);list-style-type:none;background:#1c2433;display:flex;flex-direction:column}.personaldatainfo-base ul li:last-child{border:0}.personaldatainfo-base ul li,.personaldatainfo-base ul li.item{display:flex;justify-content:space-between;align-items:center;padding:2.4rem;flex:1;border-top:0;border-left:0;border-right:0;border-bottom:#3d3e45 1px solid}.personaldatainfo-base ul li u,.personaldatainfo-base ul li.item u{text-decoration:none;text-transform:capitalize}.personaldatainfo-base ul li .row-value,.personaldatainfo-base ul li.item .row-value{display:flex;align-items:center;gap:.5rem}.personaldatainfo-base ul li .row-value:hover,.personaldatainfo-base ul li.item .row-value:hover{cursor:pointer;opacity:.8}.personaldatainfo-base ul li .row-value b,.personaldatainfo-base ul li.item .row-value b{text-decoration:none;font-weight:400;font-style:normal;color:var(--theme-minor-color);text-align:right;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.personaldatainfo-base ul li .row-value b .avatar-img,.personaldatainfo-base ul li.item .row-value b .avatar-img{width:5.6rem;display:inline-block;border-radius:50%}.personaldatainfo-base ul li .row-value input,.personaldatainfo-base ul li.item .row-value input{min-width:2rem}.personaldatainfo-base ul li .arrow-icon,.personaldatainfo-base ul li.item .arrow-icon{height:1.5rem}.personaldatainfo-base ul li .birthday,.personaldatainfo-base ul li.item .birthday{font-size:1.7rem;color:var(--theme-minor-color)}.personaldatainfo-base ul.head-edit{padding:2rem 2.4rem}.personaldatainfo-base ul.head-edit li{padding:0}.personaldatainfo-base ul.foot-edit{padding:2rem 2.4rem}.personaldatainfo-base ul.foot-edit li{padding:0}.personaldatainfo-base .logout{height:6rem;display:flex;justify-content:center;align-items:center;text-transform:capitalize;background:var(--theme-color);color:var(--theme-normal-color);width:auto;border-radius:99rem;font-weight:bold;font-size:2rem}.personaldatainfo-base .logout:hover{cursor:pointer;opacity:.8}.pc .personaldatainfo-base{margin:0 5rem}.popUp-avatar{display:flex;flex-direction:column;gap:6rem}.popUp-avatar .avatar-list{display:grid;grid-template-columns:repeat(4, 1fr);place-items:center;gap:2rem}.popUp-avatar .avatar-list .img-item{position:relative}.popUp-avatar .avatar-list .img-item.active::after{transform:translateZ(0) scale(1)}.popUp-avatar .avatar-list .img-item.active img{filter:sepia(0);box-shadow:0 0 .5rem rgba(0,0,0,.5)}.popUp-avatar .avatar-list .img-item::after{content:"";width:2.5rem;height:2.5rem;border-radius:2.5rem;overflow:hidden;display:block;position:absolute;top:0;right:-0.5rem;background:#fff url(../static/src/page/personalData/components/personalDataInfo/base/img/icon-success.svg) no-repeat center/contain;box-shadow:0 0 .5rem #fff;transform:translateZ(0) scale(0);transition:transform .5s}.popUp-avatar .avatar-list .img-item img{height:7rem;filter:sepia(1);border-radius:50%;margin:0}.popUp-avatar .avatar-list .img-item img:hover{cursor:pointer;opacity:.8}.popUp-avatar .btn-confirm{height:6rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--theme-normal-color);background-color:var(--theme-color);font-weight:bold}.popUp-avatar .btn-confirm:hover{cursor:pointer;opacity:.8}.popUp-out{padding-top:5rem;display:flex;flex-direction:column;gap:2rem}.popUp-out .btn{height:6rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff}.popUp-out .btn:hover{cursor:pointer;opacity:.8}.popUp-out .btn.btn-confirm{background-color:var(--theme-color);font-weight:bold}
.promiseactivitylist-base{display:grid;margin:2rem 1rem 2rem;grid-template-columns:repeat(2, 1fr);gap:1.6rem}.promiseactivitylist-base .empty-data{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;color:#999;height:auto;padding:9rem 0;grid-column:1/span max;background:0 0;box-shadow:unset !important;border-radius:0;overflow:hidden}.promiseactivitylist-base .empty-data img{height:16.5rem;width:auto;background-repeat:no-repeat;background-size:cover;min-height:5rem;object-fit:cover;transition:all .4s;border-radius:.5rem}.promiseactivitylist-base .activity-item{display:flex;flex-direction:column;transition:all .4s;overflow:hidden;background:#1c2433;box-shadow:0 0 15px 0 rgba(36,38,51,.05);border-radius:.5rem}.promiseactivitylist-base .activity-item:hover{cursor:pointer;opacity:.8}.promiseactivitylist-base .activity-item img{min-height:5rem;object-fit:cover;transition:all .4s;border-radius:.5rem;flex-shrink:0}.promiseactivitylist-base .activity-item h4{font-weight:400;padding:1rem 1.6rem;display:flex;flex-direction:column}.promiseactivitylist-base .activity-item h4 .activity-title{font-size:2rem;word-break:break-all;color:var(--theme-normal-color)}.promiseactivitylist-base .activity-item h4 .activity-time{width:max-content;color:#666;font-size:1.4rem;color:var(--theme-minor-color)}.pc .promiseactivitylist-base{margin:3rem 3.6rem 2rem}.popUp-activity{font-size:2rem;min-height:5rem}
.registerform-base .register-step{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 2.8rem 0rem;box-sizing:border-box;overflow:scroll;padding-bottom:2rem}.registerform-base .register-step .form-item{display:flex;flex-direction:column}.registerform-base .register-step .form-item:last-child .form-item-content{padding-right:0}.registerform-base .register-step .form-item .form-item-content{height:6.5rem;display:flex;justify-content:space-between;align-items:center;border:#1c2433 .3rem solid;border-radius:.5rem;padding:0 1.5rem;font-size:2rem;background:#000;overflow:hidden}.registerform-base .register-step .form-item .form-item-content .form-item-prefix{width:2.5rem;height:2.5rem;color:#3f526e}.registerform-base .register-step .form-item .form-item-content .form-item-input{width:60%;display:block;overflow:hidden;height:100%;flex:1;color:var(--theme-normal-color);font-weight:normal}.registerform-base .register-step .form-item .form-item-content .form-item-suffix{width:auto;height:2.8rem;margin:0}.registerform-base .register-step .form-item .form-item-content .form-item-suffix:hover{cursor:pointer;opacity:.8}.registerform-base .register-step .form-item .form-item-content .captcha-image:hover{cursor:pointer;opacity:.8}.registerform-base .register-step .form-item .form-item-content .captcha-image{height:100%}.registerform-base .register-step .form-item .tipRegister1,.registerform-base .register-step .form-item .tipRegister2{height:3.3rem;background:rgba(255,110,18,.08);border-radius:5px;font-family:Helvetica;font-weight:normal;font-size:1.6rem;color:#ff6e12;line-height:3.3rem;padding:0 0 0 1rem;margin-top:.4rem;display:none}.registerform-base .register-step li.bank-name label{font-size:2rem;font-weight:bold;color:var(--theme-minor-color);margin-bottom:1rem;display:block;margin:0 0 1rem 0}.registerform-base .register-step li.bank-name .bank-select{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.registerform-base .register-step li.bank-name .bank-select .bank-name{background:#000;height:6.1rem;color:var(--theme-static-color);font-size:1.6rem;text-align:center;line-height:6rem;border-radius:.5rem;border:#1c2433 .2rem solid;overflow:hidden;position:relative;font-weight:normal;margin:0}.registerform-base .register-step li.bank-name .bank-select .bank-name:hover{cursor:pointer;opacity:.8}.registerform-base .register-step li.bank-name .bank-select .bank-name.active{color:var(--theme-dynamic-color);background:var(--theme-color)}.registerform-base .register-enter{box-sizing:border-box;margin:0rem 2.8rem 0;padding-bottom:1.8rem;display:flex;flex-direction:column;gap:1.8rem}.registerform-base .register-enter .btn{height:5.6rem;display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-weight:bold;font-size:2rem;border-radius:.5rem;background:var(--theme-color);color:#fff}.registerform-base .register-enter .btn:hover{cursor:pointer;opacity:.8}.registerform-base .register-enter .other-item{display:flex;width:25rem;margin:0 auto;justify-content:center;align-items:center}.registerform-base .register-enter .other-item b{flex:1;text-align:center;color:#55657e;text-transform:capitalize;font-size:1.6rem;font-weight:normal}.registerform-base .register-enter .other-item b a{color:var(--theme-color)}.pc .registerform-base{margin:2rem 6.7rem 0rem}.pc .registerform-base .register-step{gap:2.6rem}.pc .registerform-base .register-step .form-item .form-item-content{height:5.6rem}
.servicecustomerlist-base{display:flex;flex-direction:column;gap:2rem}.servicecustomerlist-base .service-title{font-size:2.5rem;color:var(--theme-minor-color);display:flex;align-items:center;justify-content:center;text-align:center}.servicecustomerlist-base .service-list{display:grid;grid-template-columns:repeat(2, 1fr);align-content:start;flex:0;gap:3rem}.servicecustomerlist-base .service-list dd{height:max-content;position:relative;border-radius:2.4rem;background-image:linear-gradient(-25deg, #20d94f, #f2f047, #1ed94f);margin:0 !important}.servicecustomerlist-base .service-list dd:hover{cursor:pointer;opacity:.8}.servicecustomerlist-base .service-list dd .service-line{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:2.4rem;background:#2c2d33;gap:1rem;padding:3rem 1rem;margin:.2rem}.servicecustomerlist-base .service-list dd .service-line .customer-icon{height:6.7rem}.servicecustomerlist-base .service-list dd .service-line .customer-text{font-size:2rem;color:var(--theme-normal-color);display:flex;align-items:center;justify-content:center}.pc .servicecustomerlist-base{grid-template-columns:repeat(5, 1fr)}
.transactionrecordshistorytabs-base{flex:1;min-height:60rem;display:flex;flex-direction:column;overflow:hidden;gap:1rem;position:relative}.transactionrecordshistorytabs-base .tabs{flex-shrink:0}.transactionrecordshistorytabs-base .tabs-panes{flex:1;display:flex;transition:all .4s}.transactionrecordshistorytabs-base .tabs-panes>div{min-width:100%}.transactionrecordshistorytabs-base .tabs-panes>div.yc-customize-active-space{min-width:calc(100% - 1.6rem)}
.transactionrecordstab-base{display:flex;align-items:center;list-style-type:none;overflow:hidden;padding:.5rem;overflow-x:auto;white-space:nowrap;border-radius:.5rem;gap:1rem;flex-shrink:0}.transactionrecordstab-base .tab{height:4.6rem;flex:1;display:flex;justify-content:center;align-items:center;position:relative;text-transform:capitalize;font-size:2rem;color:var(--theme-static-color);border-radius:.5rem;border:.15rem solid rgba(0,0,0,0)}.transactionrecordstab-base .tab.active{background-color:var(--theme-color);font-weight:bold;color:var(--theme-dynamic-color);border-color:var(--theme-color)}.transactionrecordstab-base .tab:hover{cursor:pointer;opacity:.8}
.transactionrecordshistory-deposit-base{width:100%;position:relative;padding:2rem;overflow:auto;display:flex;flex-direction:column;gap:2rem}.transactionrecordshistory-deposit-base .empty-data{position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center}.transactionrecordshistory-deposit-base .empty-data .empty-icon{height:23rem}.transactionrecordshistory-deposit-base .empty-data .empty-text{font-size:1.6rem;color:var(--theme-minor-color)}.transactionrecordshistory-deposit-base .range{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:2rem;font-weight:normal}.transactionrecordshistory-deposit-base .range:after,.transactionrecordshistory-deposit-base .range:before{content:"";display:block;flex:1;height:.15rem;border-top:.15rem #6a82ad dashed;box-sizing:border-box}.transactionrecordshistory-deposit-base .range h3{margin:0 1rem;color:var(--theme-minor-color)}.transactionrecordshistory-deposit-base .list{display:flex;flex-direction:column;gap:1rem;border:0;position:relative;flex:1}.transactionrecordshistory-deposit-base .list .item{display:flex;justify-content:space-between;align-items:center;border-bottom:.1rem #eee solid;border-top:0;border-left:0;border-right:0;overflow:hidden;gap:1rem;padding:.5rem 0}.transactionrecordshistory-deposit-base .list .item.status_2 .right i{color:red}.transactionrecordshistory-deposit-base .list .item.status_0 .right i{color:#f90}.transactionrecordshistory-deposit-base .list .item:hover{cursor:pointer;opacity:.8}.transactionrecordshistory-deposit-base .list .item .left .way-icon{height:5.6rem;display:block}.transactionrecordshistory-deposit-base .list .item .center{flex:1;display:flex;flex-direction:column;overflow:hidden}.transactionrecordshistory-deposit-base .list .item .center .payment-type{width:max-content;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:normal;font-size:1.4rem}.transactionrecordshistory-deposit-base .list .item .center .payment-date{width:max-content;font-style:normal;color:#999;font-size:1.4rem}.transactionrecordshistory-deposit-base .list .item .right{display:flex;flex-direction:column;text-align:right}.transactionrecordshistory-deposit-base .list .item .right b{font-size:2.5rem;font-weight:normal}.transactionrecordshistory-deposit-base .list .item .right b u{text-decoration:none;color:#ffcb46;margin:0 0 0 .3rem;font-size:1.4rem}.transactionrecordshistory-deposit-base .list .item .right i{font-style:normal;color:#6ea269;font-size:1.4rem}.transactionrecordshistory-deposit-base .more{height:4rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:var(--theme-normal-color)}.transactionrecordshistory-deposit-base .more:hover{cursor:pointer;opacity:.8}.transactionRecords-deposit-dialogPopup{line-height:4rem;font-size:1.6rem;padding:1.4rem;background:#0a0a0f;color:#f6f6f6}.transactionRecords-deposit-dialogPopup dt{display:flex;flex-direction:column;justify-content:center;align-items:center}.transactionRecords-deposit-dialogPopup dt span{font-size:5rem;color:var(--theme-normal-color);margin-right:.5rem}.transactionRecords-deposit-dialogPopup dt span b{font-size:2rem;color:#ffcb46}.transactionRecords-deposit-dialogPopup dt div{font-size:2rem;font-style:normal;color:var(--theme-normal-color)}.transactionRecords-deposit-dialogPopup dt div.status_0{color:#f90}.transactionRecords-deposit-dialogPopup dt div.status_1{color:#6ea269}.transactionRecords-deposit-dialogPopup dt div.status_2{color:red}.transactionRecords-deposit-dialogPopup dd{display:flex;justify-content:space-between;align-items:center;border-bottom:.1rem #eee solid;padding:1.4rem 0;gap:1rem;font-size:2rem}.transactionRecords-deposit-dialogPopup dd:last-child{border-bottom:0}.transactionRecords-deposit-dialogPopup dd b{color:var(--theme-minor-color);display:block;min-width:10rem;font-weight:normal}.transactionRecords-deposit-dialogPopup dd i{font-style:normal;display:block;flex:1;text-align:right;overflow:hidden;word-break:break-all;color:var(--theme-normal-color)}.transactionRecords-deposit-dialogPopup dd.order-result{display:flex;align-items:baseline;gap:0;padding:5rem 0}.transactionRecords-deposit-dialogPopup dd.order-result .result-item{width:33.3%}.transactionRecords-deposit-dialogPopup dd.order-result .result-item .parting-line{position:relative;display:flex;justify-content:center;align-items:center}.transactionRecords-deposit-dialogPopup dd.order-result .result-item .parting-line:after,.transactionRecords-deposit-dialogPopup dd.order-result .result-item .parting-line:before{content:"";width:40%;height:.1rem;background:#1078ff;position:absolute;z-index:1;top:50%;left:0;margin:auto;transform:translate(0, -50%)}.transactionRecords-deposit-dialogPopup dd.order-result .result-item .parting-line:after{left:unset;right:0}.transactionRecords-deposit-dialogPopup dd.order-result .result-item .parting-line img{height:3rem;position:relative;z-index:3;margin:0}.transactionRecords-deposit-dialogPopup dd.order-result .result-item:first-child .parting-line:before,.transactionRecords-deposit-dialogPopup dd.order-result .result-item:last-child .parting-line:after{display:none}.transactionRecords-deposit-dialogPopup dd.order-result .result-item .result-text{display:flex;justify-content:center;align-items:center;text-align:center;margin:0;color:var(--theme-normal-color)}.transactionRecords-deposit-dialogPopup dd.order-result .result-item .result-text.status_0{color:#f90}.transactionRecords-deposit-dialogPopup dd.order-result .result-item .result-text.status_1{color:var(--theme-normal-color)}.transactionRecords-deposit-dialogPopup dd.order-result .result-item .result-text.status_2{color:red}
.transactionrecordshistory-withdraw-base{width:100%;position:relative;padding:2rem 2rem 1rem 2rem;overflow:auto;display:flex;flex-direction:column;gap:1rem}.transactionrecordshistory-withdraw-base .empty-data{position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center}.transactionrecordshistory-withdraw-base .empty-data .empty-icon{height:23rem}.transactionrecordshistory-withdraw-base .empty-data .empty-text{font-size:1.6rem;color:var(--theme-minor-color)}.transactionrecordshistory-withdraw-base .range{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:2rem;font-weight:normal}.transactionrecordshistory-withdraw-base .range:after,.transactionrecordshistory-withdraw-base .range:before{content:"";display:block;flex:1;height:.15rem;border-top:.15rem #6a82ad dashed;box-sizing:border-box}.transactionrecordshistory-withdraw-base .range h3{margin:0 1rem;color:var(--theme-minor-color)}.transactionrecordshistory-withdraw-base .list{display:flex;flex-direction:column;gap:1rem;border:0;position:relative;flex:1}.transactionrecordshistory-withdraw-base .list .item{display:flex;justify-content:space-between;align-items:center;border-bottom:.1rem #eee solid;border-top:0;border-left:0;border-right:0;overflow:hidden;gap:1rem;padding:.5rem 0}.transactionrecordshistory-withdraw-base .list .item.status_2 .right i{color:red}.transactionrecordshistory-withdraw-base .list .item.status_0 .right i{color:#f90}.transactionrecordshistory-withdraw-base .list .item:hover{cursor:pointer;opacity:.8}.transactionrecordshistory-withdraw-base .list .item .left .way-icon{height:5.6rem;display:block}.transactionrecordshistory-withdraw-base .list .item .center{flex:1;display:flex;flex-direction:column;overflow:hidden}.transactionrecordshistory-withdraw-base .list .item .center .payment-type{width:max-content;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:normal;font-size:1.4rem}.transactionrecordshistory-withdraw-base .list .item .center .payment-date{width:max-content;font-style:normal;color:#999;font-size:1.4rem}.transactionrecordshistory-withdraw-base .list .item .right{display:flex;flex-direction:column;text-align:right}.transactionrecordshistory-withdraw-base .list .item .right b{font-size:2.5rem;font-weight:normal}.transactionrecordshistory-withdraw-base .list .item .right b u{text-decoration:none;color:#ffcb46;margin:0 0 0 .3rem;font-size:1.4rem}.transactionrecordshistory-withdraw-base .list .item .right i{font-style:normal;color:#6ea269;font-size:1.4rem}.transactionrecordshistory-withdraw-base .more{height:4rem;display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:var(--theme-minor-color)}.transactionrecordshistory-withdraw-base .more:hover{cursor:pointer;opacity:.8}.transactionRecords-withdraw-dialogPopup{line-height:4rem;font-size:1.6rem;padding:1.4rem;background:#0a0a0f;color:#f6f6f6}.transactionRecords-withdraw-dialogPopup dt{display:flex;flex-direction:column;justify-content:center;align-items:center}.transactionRecords-withdraw-dialogPopup dt span{font-size:5rem;color:var(--theme-normal-color);margin-right:.5rem}.transactionRecords-withdraw-dialogPopup dt span b{font-size:2rem;color:#ffcb46}.transactionRecords-withdraw-dialogPopup dt div{font-size:2rem;font-style:normal;color:var(--theme-normal-color)}.transactionRecords-withdraw-dialogPopup dt div.status_0{color:#f90}.transactionRecords-withdraw-dialogPopup dt div.status_1{color:#6ea269}.transactionRecords-withdraw-dialogPopup dt div.status_2{color:red}.transactionRecords-withdraw-dialogPopup dd{display:flex;justify-content:space-between;align-items:center;border-bottom:.1rem #eee solid;padding:1.4rem 0;gap:1rem;font-size:2rem}.transactionRecords-withdraw-dialogPopup dd:last-child{border-bottom:0}.transactionRecords-withdraw-dialogPopup dd b{color:var(--theme-minor-color);display:block;min-width:10rem;font-weight:normal}.transactionRecords-withdraw-dialogPopup dd i{font-style:normal;display:block;flex:1;text-align:right;overflow:hidden;word-break:break-all;color:var(--theme-normal-color)}.transactionRecords-withdraw-dialogPopup dd.order-result{display:flex;align-items:baseline;gap:0;padding:5rem 0}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item{width:33.3%}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item .parting-line{position:relative;display:flex;justify-content:center;align-items:center}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item .parting-line:after,.transactionRecords-withdraw-dialogPopup dd.order-result .result-item .parting-line:before{content:"";width:40%;height:.1rem;background:#1078ff;position:absolute;z-index:1;top:50%;left:0;margin:auto;transform:translate(0, -50%)}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item .parting-line:after{left:unset;right:0}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item .parting-line img{height:3rem;position:relative;z-index:3;margin:0}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item:first-child .parting-line:before,.transactionRecords-withdraw-dialogPopup dd.order-result .result-item:last-child .parting-line:after{display:none}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item .result-text{display:flex;justify-content:center;align-items:center;margin:0;text-align:center;color:var(--theme-normal-color)}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item .result-text.status_0{color:#f90}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item .result-text.status_1{color:var(--theme-normal-color)}.transactionRecords-withdraw-dialogPopup dd.order-result .result-item .result-text.status_2{color:red}
.transactionrecordshistory-bonus-base{width:100%;position:relative;padding:2rem 2rem 1rem 2rem;overflow:auto}.transactionrecordshistory-bonus-base .empty-data{position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center}.transactionrecordshistory-bonus-base .empty-data .empty-icon{height:23rem}.transactionrecordshistory-bonus-base .empty-data .empty-text{font-size:1.6rem;color:var(--theme-minor-color)}.transactionrecordshistory-bonus-base .rebate-table{width:100%;border-collapse:collapse;border-radius:1rem}.transactionrecordshistory-bonus-base .rebate-table thead th{height:5rem;text-align:center;font-family:Helvetica;font-weight:normal;font-size:2rem;color:#8a8c99;border-bottom:#3d3e45 1px solid;background:#1c2433}.transactionrecordshistory-bonus-base .rebate-table tbody tr:hover{opacity:.8;cursor:pointer}.transactionrecordshistory-bonus-base .rebate-table tbody tr td{text-align:center;height:3.5rem;font-size:1.4rem;background:#1c2433}

.withdrawaltab-base{height:5.6rem;display:flex;align-items:center;list-style-type:none;overflow:hidden;padding:.5rem;overflow-x:auto;white-space:nowrap;border-radius:.5rem;gap:1rem;flex-shrink:0}.withdrawaltab-base .tab{height:100%;display:flex;justify-content:center;align-items:center;position:relative;text-transform:capitalize;font-size:2rem;color:var(--theme-static-color);padding:0 1.5rem;border-bottom:.4rem solid rgba(0,0,0,0);border-top:0;border-left:0;border-right:0;border-bottom-color:rgba(0,0,0,0)}.withdrawaltab-base .tab.active{border-bottom-color:var(--theme-color);font-weight:bold;color:var(--theme-dynamic-color);border-color:var(--theme-color)}.withdrawaltab-base .tab:hover{cursor:pointer;opacity:.8}

.bankwithdrawal-base{display:flex;flex-direction:column;gap:1rem}.bankwithdrawal-base .withdrawal-form{padding:2rem 1rem;background-color:#1c2433;border-radius:1rem;display:flex;flex-direction:column;gap:0}.bankwithdrawal-base .withdrawal-form .form-item{height:10rem;display:flex;justify-content:space-between;align-items:center;border-bottom:.1rem solid rgba(122,122,122,.2);border-top:0;border-left:0;border-right:0;color:var(--theme-normal-color);font-weight:normal;font-size:2.5rem;gap:.5rem}.bankwithdrawal-base .withdrawal-form .form-item:nth-child(3) .form-label{width:20%}.bankwithdrawal-base .withdrawal-form .form-item .form-label{font-size:2rem;color:var(--theme-normal-color);min-width:15rem}.bankwithdrawal-base .withdrawal-form .form-item .form-label .required-sign{color:red}.bankwithdrawal-base .withdrawal-form .form-item .form-value{height:100%;flex:1;display:flex;justify-content:right;align-items:center}.bankwithdrawal-base .withdrawal-form .form-item .form-value.form-input{display:flex;align-items:center;gap:1rem}.bankwithdrawal-base .withdrawal-form .form-item .form-value.form-input input{height:100%;color:inherit;font-size:inherit;font-weight:inherit;flex:1;text-align:right;width:50%}.bankwithdrawal-base .withdrawal-form .bank-info{display:flex;justify-content:left;align-items:center;gap:2rem;padding-top:0;padding-bottom:2rem;border-bottom:.1rem solid rgba(122,122,122,.2);border-top:0;border-left:0;border-right:0}.bankwithdrawal-base .withdrawal-form .bank-info .bank-img{height:10rem;width:auto}.bankwithdrawal-base .withdrawal-form .bank-info .bank-number{font-size:2rem;color:var(--theme-minor-color);font-weight:bold}.bankwithdrawal-base .withdrawal-submit{height:5.6rem;display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-weight:bold;font-size:2rem;border-radius:.5rem;background:var(--theme-color);color:var(--theme-normal-color);margin-top:3rem}.bankwithdrawal-base .withdrawal-submit:hover{cursor:pointer;opacity:.8}.pc .bankwithdrawal-base .withdrawal-form{padding:5rem 4rem}
.usdtwithdrawal-base{display:flex;flex-direction:column;gap:1rem}.usdtwithdrawal-base .withdrawal-form{padding:5rem 4rem;background-color:#1c2433;border-radius:1rem;display:flex;flex-direction:column;gap:0}.usdtwithdrawal-base .withdrawal-form .usdt-tips{background-color:#514634;padding:.7rem;display:flex;align-items:center;gap:1rem}.usdtwithdrawal-base .withdrawal-form .usdt-tips .usdt-tips-icon{height:2.8rem;width:auto}.usdtwithdrawal-base .withdrawal-form .usdt-tips .usdt-tips-content{font-size:1.8rem;color:var(--theme-normal-color);line-height:2.6rem}.usdtwithdrawal-base .withdrawal-form .usdt-tips .usdt-tips-content .error-text{color:red}.usdtwithdrawal-base .withdrawal-form .usdt-tips .usdt-tips-content .warn-text{color:#f60;font-weight:bold}.usdtwithdrawal-base .withdrawal-form .form-item{height:10rem;display:flex;justify-content:space-between;align-items:center;border-bottom:.1rem solid rgba(122,122,122,.2);border-top:0;border-left:0;border-right:0;gap:2rem;color:var(--theme-normal-color);font-weight:normal;font-size:2.5rem;gap:.5rem}.usdtwithdrawal-base .withdrawal-form .form-item:nth-child(1){border-bottom:0}.usdtwithdrawal-base .withdrawal-form .form-item:nth-child(3) .form-label{width:20%}.usdtwithdrawal-base .withdrawal-form .form-item .form-label{font-size:2rem;color:var(--theme-normal-color);min-width:15rem}.usdtwithdrawal-base .withdrawal-form .form-item .form-label .required-sign{color:red}.usdtwithdrawal-base .withdrawal-form .form-item .form-value{height:100%;flex:1;display:flex;justify-content:right;align-items:center}.usdtwithdrawal-base .withdrawal-form .form-item .form-value.money-withdrawal{display:flex;align-items:center;gap:1rem}.usdtwithdrawal-base .withdrawal-form .form-item .form-value.money-withdrawal .money-num{font-size:2rem;color:var(--theme-normal-color)}.usdtwithdrawal-base .withdrawal-form .form-item .form-value.money-withdrawal .all-btn{background:var(--theme-color);color:var(--theme-normal-color);padding:.8rem 1rem;border-radius:.5rem;font-size:2rem;display:flex;align-items:center;justify-content:center}.usdtwithdrawal-base .withdrawal-form .form-item .form-value.money-withdrawal .all-btn:hover{cursor:pointer;opacity:.8}.usdtwithdrawal-base .withdrawal-form .form-item .form-value.form-input{display:flex;align-items:center;gap:1rem}.usdtwithdrawal-base .withdrawal-form .form-item .form-value.form-input input{height:100%;color:inherit;font-size:inherit;font-weight:inherit;flex:1;text-align:right;width:50%}.usdtwithdrawal-base .withdrawal-form .form-item .form-value.form-input .amount-symbol{font-size:2rem}.usdtwithdrawal-base .withdrawal-form .bank-info{display:flex;justify-content:left;align-items:center;gap:2rem;padding-top:0;padding-bottom:2rem}.usdtwithdrawal-base .withdrawal-form .bank-info .bank-img{height:10rem;width:auto}.usdtwithdrawal-base .withdrawal-form .bank-info .bank-number{font-size:2rem;color:var(--theme-minor-color);font-weight:bold}.usdtwithdrawal-base .binding-submit{height:5.6rem;display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-weight:bold;font-size:2rem;border-radius:.5rem;background:var(--theme-color);color:var(--theme-normal-color);margin-top:3rem}.usdtwithdrawal-base .binding-submit:hover{cursor:pointer;opacity:.8}.usdtwithdrawal-base .withdrawal-submit{height:5.6rem;display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-weight:bold;font-size:2rem;border-radius:.5rem;background:var(--theme-color);color:var(--theme-normal-color);margin-top:3rem}.usdtwithdrawal-base .withdrawal-submit:hover{cursor:pointer;opacity:.8}

.themeloding-base{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10001;background-color:#000;display:flex;align-items:center;justify-content:center;flex-direction:column}.themeloding-base .loding-container{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:4rem}.themeloding-base .loding-container .login-img{height:9rem;width:max-content;animation:themelodingBaseScaleAnimation 1.5s infinite ease-in-out}.themeloding-base .loding-container .loading-progress{width:22rem;background-color:#f0f0f0;overflow:hidden;position:relative;border-radius:99rem;display:flex;align-items:center}.themeloding-base .loding-container .loading-progress .progress-ellipse{width:2rem;height:1rem;background-color:var(--theme-color);border-radius:99rem;margin:0;animation:themelodingBaseSlide 1.5s linear infinite}@keyframes themelodingBaseScaleAnimation{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes themelodingBaseSlide{0%{transform:translateX(0)}50%{transform:translateX(20rem)}100%{transform:translateX(0)}}
.chatliveopen-base{height:6rem;position:fixed;right:1rem;bottom:1rem;z-index:10}.chatliveopen-base:hover{cursor:pointer;opacity:.8}
@keyframes float {
    0% {
        transform: translate3d(0, 0, 0);
    }

    25% {
        transform: translate3d(0, -0.5rem, 0);
    }

    75% {
        transform: translate3d(0, 0.5rem, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes highLightBig {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}

@keyframes highLightSmall {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}

@keyframes lightFlash {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
}

@keyframes lightFlash1 {
    0%,
    100% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
}

.game-activity-bg {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.game-activity-bg .left-cont,
.game-activity-bg .right-cont {
    background: RGBA(7, 40, 82, 1);
    display: block;
    position: absolute;
    bottom: 18.2rem;
    font-size: 1.8rem;
    z-index: 9999;
    color: #fff;
}

.game-activity-bg .left-cont {
    left: 0;
    min-width: 22rem;
    height: 7.5rem;
    padding: 1.4rem;
    width: fit-content;
    border-radius: 0 1.1rem 1.1rem 0;
}

.game-activity-bg .right-cont {
    right: 0;
    min-width: 14rem;
    width: fit-content;
    height: 7.5rem;
    border-radius: 1.1rem 0 0 1.1rem;
    padding: 1.4rem 1.4rem 0 1.4rem;
    overflow: hidden;
}

.game-activity-bg .right-cont .swiper-item {
    height: 6.1rem;
    display: flex;
    flex-direction: column;
    align-items: left;
}

.game-activity-bg .left-cont #amount {
    color: RGBA(255, 240, 155, 1);
    font-weight: 800;
    margin-top:0.56rem;
}

.game-activity-bg .right-cont .win .coin {
    margin-left: .5rem;
}

.game-activity-bg .right-cont .win,
.game-activity-bg .right-cont .win .coin {
    display: flex;
}

.game-activity-bg .right-cont .win {
    font-weight: 800;
    margin-top:0.56rem;
}

.game-activity-bg .right-cont .cont.active {
    transform: translateY(0) translateZ(0);
    display: block;
}

.game-activity-bg .right-cont .win .amount.amount-str {
    margin-right: 0.4rem;
    color: rgb(83, 158, 50);
}

.game-activity-bg .right-cont .win .type {
    color: rgb(255, 90, 196);
    margin-left:0.56rem;
}

.game-activity-tag {
    position: fixed;
    right: 1.4rem;
    bottom: 16rem;
    width: 8.4rem;
    height: 8.4rem;
    background: url(../images/src/components/turnTable/game-activity/game-activity-icon.webp) no-repeat left top;
    background-size: 100% 100%;
    z-index: 10;
    cursor: pointer;
}

.game-activity-box {
    width: 100%;
    height: 100%;
    background-image: url(../images/src/components/turnTable/game-activity/activity-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
}

.game-activity-box .game-activity-home .activity-tag1 {
    position: absolute;
    right: 0;
    bottom: 16rem;
    width: 11.9rem;
    height: 9.5rem;
    background: url(../images/src/components/turnTable/game-activity/activity-tag1.png) no-repeat left top;
    background-size: 100% 100%;
}

.game-activity-box .game-activity-home .activity-tag2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background-size: contain;
}

.game-activity-box .game-activity-home .activity-button {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 5.3rem;
    width: 31rem;
    height: 8.8rem;
    margin-left: -14.5rem;
    background: url(../images/src/components/turnTable/game-activity/activity-btn.png) no-repeat left top;
    background-size: 100% 100%;
}

.game-activity-box .game-activity-home .activity-link-l {
    display: block;
    position: absolute;
    left: 0;
    bottom: 6.7rem;
    width: 9.1rem;
    height: 7.4rem;
    background-size: contain;
    font-size: 1.4rem;
}

.game-activity-box .game-activity-home .activity-link-l span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.94rem;
    color: #373780;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(0deg, #FFF09B, #FFFEE4);
    border-radius: 0 1.8rem 1.8rem 0;
}

.game-activity-box .game-activity-home .activity-link-l i {
    display: none;
    font-style: normal;
    font-size: 1.1rem;
    position: absolute;
    background-color: red;
    color: #fff;
    text-align: center;
    transform: translate(0%, -80%);
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    left: 5.6rem;
    top: 1.1rem;
}

.game-activity-box .game-activity-home .activity-link-r {
    display: block;
    position: absolute;
    left: 0;
    top: 2rem;
    width: 12.3rem;
    height: 4.2rem;
    background: #072750;
    border-radius: 0 1.1rem 1.1rem 0;
    font-size: 1.6rem;
}

.game-activity-box .game-activity-home .activity-link-r span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
}

.game-activity-box .game-activity-home .activity-close {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 2rem;
    width: 6.5rem;
    height: 4.2rem;
    border-radius: 1.1rem 0 0 1.1rem;
    transition: all 0.6s;
    background: #072750 url(../images/src/components/turnTable/game-activity/icon-Close.png) no-repeat center / 1.8rem;
}

.game-activity-box .game-activity-home .music-icon {
    display: block;
    position: absolute;
    width: 4.2rem;
    height: 4.2rem;
    background: #072750;
    border-radius: 1.1rem;
    right: 7rem;
    top: 2rem;
    cursor: pointer;
    background: #072750 url(../images/src/components/turnTable/game-activity/icon-musicClose.png) no-repeat center / 2.1rem;
}

.game-activity-box .game-activity-home .music-icon.open {
    background: #072750 url(../images/src/components/turnTable/game-activity/icon-musicOpen.png) no-repeat center / 2.1rem;
}

.game-activity-box .game-activity-history {
    display: none;
    width: 100%;
    height: 100%;
    background: #53A8D5 url(../images/src/components/turnTable/game-activity/history-bg.png) no-repeat left top;
    background-size: contain;
}

.game-activity-box .game-activity-history .history-title {
    position: relative;
    display: block;
    height: 6.1rem;
    line-height: 6.1rem;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
}

.game-activity-box .game-activity-history .history-title .box-back {
    position: absolute;
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADaSURBVFhH7ZfRDYMwDEQzCqNklG7SURiFUbpJ0rtypDVC+aqdqOqTLFBs6RlCIKQ/36bWmkspG+KB85uGY6AQ0WATSvkDn5EfKO0LrvQun4HjKvEDklU+Q5R8k++M/8PXkWeV+ADBMp0cY1zzIXKKDGHyl+0E5SrxA55xcgLR1ZxvSvsjZyNannetYVHaH8p25xvOPcL/NXtAmdyN0Cbg4/of97UjcPWaWFXmT6eJ8TsfNoFDzAqhSELDNE0gQh/OKZqYc5nyTqgkhqsmlIoDzs9fM9+d0g+Q0hPB49Q26NbiGwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    left: 1.4rem;
    top: 50%;
    margin-top: -.8rem;
}

.game-activity-box .game-activity-history .history-list {
    position: absolute;
    width: 48rem !important;
    height: 73% !important;
    background: #fff;
    border-radius: 2.1rem;
    margin-left: -24rem !important;
    left: 50% !important;
    top: 22.5% !important;
    margin: 0 1.6rem;
}

.game-activity-box .game-activity-history .history-list ul {
    height: 100%;
    overflow: auto;
    padding: 0 1.6rem;
}

.game-activity-box .game-activity-history .history-list li {
    list-style: none;
    border-bottom: #B9B9B9 .1rem solid;
    color: #787878;
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 1.6rem 0;
    position: relative;
}

.game-activity-box .game-activity-history .history-list li .prize-title {
    font-size: 1.7rem;
    font-weight: bold;
    color: #2C2C3B;
}

.game-activity-box .game-activity-history .history-list li .prize-status {
    position: absolute;
    right: 0;
    margin-top: .6rem;
}

.game-activity-box .game-activity-history .history-list li .prize-status.status {
    background: #1481b8;
    border-radius: 1.4rem;
    height: 3rem;
    line-height: 3rem;
    width: 10rem;
    text-align: center;
    margin-top: 5px;
    color: #fff;
    cursor: pointer;
}

.game-activity-box .game-activity-history .history-list li .prize-amount {
    display: block;
    height: 3.6rem;
    line-height: 3.6rem;
    margin-left: 1.4rem;
}

.game-activity-box .game-activity-history .history-list li.noPrizesData {
    list-style: none;
    color: #787878;
    font-size: 1.4rem;
    border-bottom: none !important;
    line-height: 1.6;
    padding: 1.6rem 0;
    position: relative;
    text-align: center;
}

.game-activity-box .game-activity-history .history-list li.noPrizesData img {
    height: 15rem;
    display: block;
    margin: 1.4rem auto;
}

.game-activity-box .game-activity-rule {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.game-activity-box .game-activity-rule .rule-notify {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    color: #666;
    max-height: 84rem;
    width: 100%;
    border-radius: 2.1rem 2.1rem 0 0;
    padding-bottom: 3.2rem;
    overflow: auto;
}

.game-activity-box .game-activity-rule .rule-notify-contain {
    margin: 0 2.8rem 1rem;
    font-weight: 400;
    font-size: 1.4rem;
    color: #666;
    line-height: 2;
}

.game-activity-box .game-activity-rule .rule-notify .rule-content {
    margin: 0 2.8rem 1.4rem;
    font-weight: 400;
    font-size: 1.4rem;
    color: #666666;
    line-height: 2;
}

.game-activity-box .game-activity-rule .rule-notify .rule-content li {
    margin-left: 20px;
}

/* .game-activity-box .game-activity-rule .rule-notify h3 { */
.game-activity-box .game-activity-rule .rule-notify .rule-notify-title {
    padding: 3rem 0 2.1rem 3rem;
    font-size: 2.8rem;
    box-sizing: border-box;
    font-weight: normal;
    color: #333;
}

.game-activity-box .game-activity-rule .rule-notify ul {
    padding: 0 2.8rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
    height: 49vh;
    overflow: scroll;
}

.game-activity-box .game-activity-rule .rule-notify ul li {
    list-style: none;
    margin-bottom: 1.4rem;
}

.game-activity-box .game-activity-rule .rule-btn {
    width: 32rem;
    height: 7.8rem;
    line-height: 7.8rem;
    margin: 0 auto;
    background: linear-gradient(0deg, #1481B8, #93DFFF);
    border-radius: 2.8rem;
    cursor: pointer;
}

.game-activity-box .game-activity-rule .rule-btn h1 {
    font-family: SF Pro Display;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}

.game-activity-box .game-activity-rule .rule-close {
    display: block;
    position: absolute;
    right: 1.4rem;
    top: 1.4rem;
    width: 2.8rem;
    height: 3rem;
    background: url(../images/src/components/turnTable/game-activity/icon-popClose.png) no-repeat left top / contain;
    filter: invert(1);
    cursor: pointer;
}


/* 转盘弹窗 */

.game-activity-box .activity-prize-box {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.game-activity-box .popUpTurnTable.popUp-in {
    width: 37.6rem;
    height: 39.8rem;
    background: rgba(255, 238, 181, 0.5);
    /* opacity: 0.5; */
    background: url(../images/src/components/turnTable/game-activity/star.png) no-repeat center / cover, url(../images/src/components/turnTable/game-activity/rays.png) no-repeat top / contain;
    position: relative;
    top: -6rem;
}

.game-activity-box .popUpTurnTable .popUpTurnTable-header {
    width: 100%;
    height: 30%;
    background: url(../images/src/components/turnTable/game-activity/butterfly.png) no-repeat top / 55%;
    z-index: 2;
    position: absolute;
    top: 3rem;
}

.game-activity-box .popUpTurnTable-navigator-bar {
    position: absolute;
    top: 4rem;
    left: 3rem;
    font-weight: bold;
    color: #333333;
    line-height: 9px;
    text-transform: uppercase;
}

.game-activity-box .popUpTurnTable-container {
    position: absolute;
    top: 11.8rem;
    left: 5.8rem;
    width: 26rem !important;
    height: 23.2rem !important;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1.4rem !important;
    box-shadow: inset 0 0 1.4rem rgba(255, 255, 255, 1);
}

.game-activity-box .popUpTurnTable-content {
    width: 24rem;
    height: 21.2rem;
    background: linear-gradient(0deg, #FFFFFF, #FBE7CD);
    border-radius: 1.1rem;
    border: 1px solid #FFFFFF;
    margin: 1.4rem;
}

.game-activity-box .popUpTurnTable-content .messagehtml {
    position: absolute;
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 1.7rem;
    color: #707070;
    top: 7.4rem;
    margin: 0 2rem;
}

.game-activity-box .popUpTurnTable-btns {
    box-sizing: border-box;
    width: 18rem;
    background: linear-gradient(0deg, #93DFFF, #1481B8);
    border-radius: 2.2rem;
    height: 6.1rem;
    cursor: pointer;
    position: absolute;
    top: 15rem;
    left: 4rem;
    font-family: SF Pro Display;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 6.1rem;
    text-align: center;
    text-transform: uppercase;
}

.game-activity-box .popUpTurnTable-btns .btn.confirm {
    height: 6.1rem;
    line-height: 6.1rem;
    background: none !important;
}

.game-activity-box .popUpTurnTable .popUp-close {
    width: 2.8rem;
    height: 2.8rem;
    position: absolute;
    left: 17.4rem;
    bottom: -2rem;
    filter: invert(.4);
}


/* 页面基础CSS */

.game-activity-box .turnTable {
    position: relative;
    top: -3vh;
    animation: float 10s infinite;
}

.game-activity-box .wheel-outer {
    position: relative;
    width: 49.1rem;
    height: 49.1rem;
    margin: 0 auto;
}

.game-activity-box .wheel-outer img.wheel-outer-img {
    position: absolute;
    width: 49.1rem;
    height: 49.1rem;
    margin: 0 auto;
    z-index: 1;
}

.game-activity-box .wheel-outer .wheel-loading {
    z-index: 11000;
    background: rgba(255, 255, 255, 0) url(../static/src/components/turnTable/game-activity/loading.svg) no-repeat 50% 38% / 5rem;
    visibility: visible;
    width: 49.1rem;
    height: 49.1rem;
    position: absolute;
}

.game-activity-box .wheel-outer .wheel-loading h1 {
    position: absolute;
    top: 50%;
    left: 20%;
    color: #707070;
    font-size: 2.8rem;
}

.game-activity-box .start1,
.game-activity-box .start2,
.game-activity-box .start3,
.game-activity-box .start4,
.game-activity-box .start5 {
    background: url(../images/src/components/turnTable/game-activity/starb.png) no-repeat center / cover;
}

.game-activity-box .start1 {
    width: 6.1rem;
    height: 4.2rem;
    position: absolute;
    left: 5rem;
    bottom: 11rem;
    animation: highLightBig 2s infinite;
}

.game-activity-box .start2 {
    width: 6rem;
    height: 6rem;
    position: absolute;
    right: 0;
    top: 16rem;
    animation: highLightBig 2s infinite;
}

.game-activity-box .start3 {
    width: 4.5rem;
    height: 4.5rem;
    position: absolute;
    left: 1.4rem;
    top: 13rem;
    animation: highLightBig 1.6s infinite;
}

.game-activity-box .start4 {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    left: 10.2rem;
    top: 9.8rem;
    animation: highLightSmall 1.5s infinite;
}

.game-activity-box .start5 {
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 1.6rem;
    top: 24.2rem;
    animation: highLightSmall 1.5s infinite;
}

.game-activity-box .lightAll1 {
    width: 49.1rem;
    height: 49.1rem;
    margin: 0 auto;
    position: absolute;
    background: url(../images/src/components/turnTable/game-activity/light1.png) no-repeat center / cover;
    animation: lightFlash 1s infinite;
    z-index: 2;
}

.game-activity-box .lightAll2 {
    width: 49.1rem;
    height: 49.1rem;
    margin: 0 auto;
    position: absolute;
    background: url(../images/src/components/turnTable/game-activity/light2.png) no-repeat center / cover;
    animation: lightFlash1 1s infinite;
    z-index: 2;
}

.game-activity-box .wheel-outer .wheel {
    width: 37.8rem;
    height: 37.8rem;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    transition: transform 5s;
    top: 4.05rem;
}

.game-activity-box .wheel-outer .wheel-pointer {
    background: url(../images/src/components/turnTable/game-activity/pointer.png) no-repeat center / cover;
    height: 11.2rem;
    width: 11.2rem;
    position: absolute;
    left: 18.9rem;
    top: 18.9rem;
    z-index: 3;
    cursor: pointer;
}

.game-activity-box .wheel-outer .slice {
    position: absolute;
    width: 37.8rem;
    height: 37.8rem;
    left: 50%;
    bottom: 50%;
    /* overflow: hidden; */
    transform-origin: left bottom;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.2); */
}

.game-activity-box .turnTable-button {
    position: absolute;
    width: 100%;
    height: 10rem;
    bottom: 0;
    display: flex;
}

.game-activity-box .wheel-outer .text,
.game-activity-box .wheel-outer .text2 {
    position: absolute;
    left: 0%;
    height: 4.6rem;
    line-height: 2.3rem;
    font-weight: 700;
    font-family: microsoft yahei;
    color: #FFFAE2;
    text-shadow: 0px 0px 4px rgba(8, 0, 42, 0.5);
    width: 8.2rem;
    display: grid;
    justify-content: center;
    align-items: center;
}

.game-activity-box .wheel-outer .text {
    z-index: 2;
}

.game-activity-box .wheel-outer .text2 {
    -webkit-text-stroke: 4px #040007;
}

.game-activity-box .wheel-outer .text.num5,
.game-activity-box .wheel-outer .text2.num5 {
    position: absolute;
    top: 70%;
    left: 0;
    height: 4.6rem;
    font-weight: 700;
    font-family: microsoft yahei;
    font-size: 1.8rem;
    line-height: 2.3rem;
    width: 8.2rem;
    transform: skewY(18deg) rotate(130deg);
}

.game-activity-box .wheel-outer .text.num6,
.game-activity-box .wheel-outer .text2.num6 {
    top: 73%;
    font-size: 1.6rem;
    transform: skewY(30deg) rotate(120deg);
}

.game-activity-box .wheel-outer .text.num7,
.game-activity-box .wheel-outer .text2.num7 {
    top: 73%;
    left: -0.4rem !important;
    font-size: 1.6rem;
    transform: skewY(40deg) rotate(108deg);
}

.game-activity-box .wheel-outer .text.num8,
.game-activity-box .wheel-outer .text2.num8 {
    top: 72%;
    left: -1rem !important;
    font-size: 1.4rem;
    transform: skewY(44deg) rotate(109deg);
}

.game-activity-box .wheel-outer .text.num9,
.game-activity-box .wheel-outer .text2.num9 {
    top: 73%;
    left: -1rem !important;
    font-size: 1.4rem;
    transform: skewY(50deg) rotate(106deg);
}

.game-activity-box .wheel-outer .text.num10,
.game-activity-box .wheel-outer .text2.num10 {
    top: 73%;
    left: -2.1rem;
    font-size: 1.8rem;
    transform: skewY(54deg) rotate(107deg);
}

.game-activity-box .wheel-outer .text.num11,
.game-activity-box .wheel-outer .text2.num11 {
    top: 73%;
    left: -1.8rem !important;
    font-size: 1.8rem;
    transform: skewY(58deg) rotate(107deg);
}

.game-activity-box .wheel-outer .text.num12,
.game-activity-box .wheel-outer .text2.num12 {
    top: 73%;
    left: -1.8rem !important;
    font-size: 1.8rem;
    transform: skewY(60deg) rotate(110deg);
}

.game-activity-box .wheel-outer .text.num13,
.game-activity-box .wheel-outer .text2.num13 {
    top: 74%;
    left: -2.1rem !important;
    font-size: 1.6rem;
    grid: .1rem;
    transform: skewY(62deg) rotate(110deg);
    height: 4rem;
    line-height: 2rem
}

.game-activity-box .wheel-outer .text.num14,
.game-activity-box .wheel-outer .text2.num14 {
    top: 78%;
    left: -1.8rem !important;
    font-size: 1.6rem;
    transform: skewY(64deg) rotate(110deg);
    height: 3.6rem;
    line-height: 1.8rem
}

.game-activity-box .wheel-outer .text.num15,
.game-activity-box .wheel-outer .text2.num15 {
    top: 77%;
    left: -2.1rem !important;
    font-size: 1.1rem;
    transform: skewY(66deg) rotate(107deg);
    height: 3.4rem;
    line-height: 1.7rem;
}

.game-activity-box .wheel-outer .text.num16,
.game-activity-box .wheel-outer .text2.num16 {
    top: 78%;
    left: -2.3rem !important;
    font-size: 1.1rem;
    transform: skewY(67deg) rotate(104deg);
    height: 3.2rem;
    line-height: 1.6rem;
}

.game-activity-box .wheel-outer .text.num17,
.game-activity-box .wheel-outer .text2.num17 {
    top: 78%;
    left: -2.4rem !important;
    font-size: 1.1rem;
    transform: skewY(69deg) rotate(105deg);
    height: 3rem;
    line-height: 2.1rem;
}

.game-activity-box .wheel-outer .text.num18,
.game-activity-box .wheel-outer .text2.num18 {
    top: 78%;
    left: -2.6rem !important;
    font-size: 1.4rem;
    transform: skewY(70deg) rotate(107deg);
    height: 2.8rem;
    line-height: 1.4rem;
}

.game-activity-box .wheel-outer .text.num19,
.game-activity-box .wheel-outer .text2.num19 {
    top: 78%;
    left: -2.6rem !important;
    font-size: 1.4rem;
    transform: skewY(71deg) rotate(106deg);
    height: 2.6rem;
    line-height: 1.8rem;
}

.game-activity-box .wheel-outer .text.num20,
.game-activity-box .wheel-outer .text2.num20 {
    top: 78%;
    left: -2.6rem !important;
    font-size: 1.4rem;
    transform: skewY(72deg) rotate(107deg);
    height: 2.6rem !important;
    line-height: 1.8rem !important;
}

.game-activity-box .wheel-outer .text.num21,
.game-activity-box .wheel-outer .text2.num21,
.game-activity-box .wheel-outer .text.num22,
.game-activity-box .wheel-outer .text2.num22 {
    top: 78%;
    left: -2.6rem !important;
    font-size: 1.4rem;
    transform: skewY(73deg) rotate(101deg);
    height: 2.6rem;
    line-height: 1.8rem;
}

.game-activity-box .text.num6.none_1,
.game-activity-box .text.num7.none_1,
.game-activity-box .text.num8.none_1,
.game-activity-box .text.num9.none_1,
.game-activity-box .text.num10.none_1,
.game-activity-box .text.num11.none_1,
.game-activity-box .text.num12.none_1,
.game-activity-box .text.num13.none_1,
.game-activity-box .text.num14.none_1,
.game-activity-box .text.num15.none_1,
.game-activity-box .text.num16.none_1,
.game-activity-box .text.num17.none_1,
.game-activity-box .text.num18.none_1,
.game-activity-box .text.num19.none_1,
.game-activity-box .text.num20.none_1,
.game-activity-box .text.num21.none_1 {
    display: none;
}

.game-activity-box .text.num6.none_2,
.game-activity-box .text.num7.none_2,
.game-activity-box .text.num8.none_2,
.game-activity-box .text.num9.none_2 {
    height: 10rem;
    line-height: 10rem;
    width: 15rem;
    top: 54% !important;
    left: -6.5rem !important;
}

.game-activity-box .text.num10.none_2 {
    height: 10rem;
    line-height: 10rem;
    width: 15rem;
    top: 48% !important;
    left: -7.5rem !important;
}

.game-activity-box .text.num11.none_2,
.game-activity-box .text.num12.none_2
 {
    height: 10rem;
    line-height: 10rem;
    width: 15rem;
    top: 48% !important;
    left: -7.3rem !important;
}

.game-activity-box .text.num13.none_2,
.game-activity-box .text.num14.none_2,
.game-activity-box .text.num15.none_2,
.game-activity-box .text.num16.none_2,
.game-activity-box .text.num17.none_2,
.game-activity-box .text.num18.none_2,
.game-activity-box .text.num19.none_2,
.game-activity-box .text.num20.none_2,
.game-activity-box .text.num21.none_2
 {
    height: 10rem;
    line-height: 10rem;
    width: 15rem;
    top: 53% !important;
    left: -7rem !important;
}



















.pc .game-activity-tag {
    right: calc((100vw - 1400px) / 2 - 114px) !important;
    bottom: 100px !important;
}


.pc .game-activity-box {
    width: 520px;
    margin: calc((100vh - 911px) / 2) auto;
    height: 911px;
    left: auto;
    background-image: url(../images/src/components/turnTable/game-activity/activity-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 124%;
}

.pc .game-activity-box .game-activity-history .history-list {
    width: 460px !important;
    height: 68% !important;
    margin-left: 30px !important;
    left: 0 !important;
    top: 28% !important;
}

.pc .game-activity-box .game-activity-rule .rule-notify {
    max-height: 77%;
    padding-bottom: 2.2rem;
}

.pc .game-activity-box .game-activity-rule .rule-notify-contain {
    height: 44rem;
}

.pc .game-activity-box .popUpTurnTable-content .messagehtml {
    top: 6.5rem;
    font-size: 1.6rem;
}

.pc .game-activity-box .game-activity-history .history-title .box-back:hover,
.pc .game-activity-box .game-activity-rule .rule-close:hover,
.pc .game-activity-box .game-activity-home .activity-button:hover,
.pc .game-activity-box .wheel-outer .wheel-pointer:hover {
    transform: scale(1.05);
}

.pc .game-activity-box .game-activity-home .activity-close:hover,
.pc .game-activity-box .game-activity-home .music-icon:hover,
.pc .game-activity-box .game-activity-home .jq-game-rules:hover {
    filter: brightness(1.2);
}

.pc .game-activity-box .game-activity-rule .rule-btn:hover,
.pc .game-activity-box .game-activity-history .history-list li .prize-status.status:hover,
.pc .game-activity-box .game-activity-home .jq-my-prizes:hover {
    filter: brightness(1.1);
}

.pc .game-activity-bg {
    background: rgba(0, 0, 0, .9);
}

.pc .game-activity-bg .left-cont {
    left: calc((100vw - 520px) / 2) !important;
    bottom: calc((100vh - 911px) / 2 + 16.8rem);
    min-width: 16.8rem;
}

.pc .game-activity-bg .right-cont {
    right: calc((100vw - 520px) / 2) !important;
    bottom: calc((100vh - 911px) / 2 + 16.8rem);
}