/* CSS Document */ .slide-wrap .slide-arrow em{background:url(../images/common_spirits.png) no-repeat;} /* 焦点图 */ .mod-home .mod-banner{width:100%;} .mod-banner{overflow:hidden;} .slide-wrap{position:relative; text-align:center; height:100%;} /* .slide-wrap .num{width:100%; position:absolute; bottom:10%; z-index:9; text-align:center;} */ span.swiper-pagination-bullet{width:25px; height:10px; background:#FFFFFF; opacity:1; font-size:0; margin:0 5px; border-radius:25px; display:inline-block; cursor:pointer;} span.swiper-pagination-bullet-active{background:#E8883E;} .slide-wrap ul{width:100%; max-height:400px;} /* .slide-wrap ul li{width:100%; height:100%; position:absolute; left:50%; top:0; display:none;} */ .slide-wrap ul li a{display:block; width:100%; height:100%;} .slide-wrap ul li img{width:100%; display:none;} /* .swiper-slide-duplicate-active{width:100%;} */ .swiper-slide{text-align:center; font-size:18px; display:flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center;} /* .slide-desktop ul{padding-bottom:18.5%;} */ /* .slide-mobile ul{padding-bottom:35%;} */ .mod-banner .banner-arrow{max-width:1920px;} .mod-banner .slide-arrow{width:60px; height:110px; position:absolute; top:25%; z-index:10; -webkit-transition:.3s; -o-transition:.3s; transition:.3s;} /* .mod-banner .slide-arrow:hover{background:rgba(255, 255, 255, 0.75);} */ .mod-banner .slide-prev{left:0;} .mod-banner .slide-next{right:0;} .mod-banner .slide-arrow em{width:60px; height:110px; display:block;} .mod-banner .slide-prev em{background:url(../images/ico_left.avif) no-repeat;} .mod-banner .slide-next em{background:url(../images/ico_right.avif) no-repeat;} .mod-banner .slide-prev:hover em{background:url(../images/ico_left_h.avif) no-repeat;} .mod-banner .slide-next:hover em{background:url(../images/ico_right_h.avif) no-repeat;} /* 公告 */ .notice{width:100%; margin:0 auto; background:url(../images/notice_bg.avif) repeat; position:absolute;bottom:0} .notice .marquee{float:left; width:1050px; margin-left:10px; height:40px; line-height:40px; color:#FFFFFF; overflow:hidden; cursor:pointer;} .modal .modal-message .forms-btn-g{text-align:center;} .modal .modal-message p{margin-right:20px; font:14px/1.5 "Microsoft YaHei"; color:#555;} .modal .modal-message .forms-btn-g .btn-sub{background-position:0 -790px;} .modal .modal-message .forms-btn-g .btn-sub:hover{background-position:0 -821px;} /* currency */ .dividend-currency i{background-image:url(../images/currency_btc365.avif); background-repeat: no-repeat;} .wallet-btc i, .wallet-currency.btc i, .history-currency.btc i, .dividend-currency.btc i, #withdraw_form .crypto-custom .btc, #div_crypto .crypto-option .btc {background-image:url(../images/currency_bitcoin.avif);} .wallet-mbtc i,.wallet-currency.mbtc i,.history-currency.mbtc i,.dividend-currency.mbtc i,#withdraw_form .crypto-custom .mbtc,#div_crypto .crypto-option .mbtc{background-image:url(../images/currency_bitcoin.avif);} .wallet-usdt i,.wallet-currency.usdt i,.history-currency.usdt i,.dividend-currency.usdt i,#withdraw_form .crypto-custom .usdt,#div_crypto .crypto-option .usdt{background-image:url(../images/currency_usdt.avif);} .wallet-eth i, .wallet-currency.eth i, .history-currency.eth i, .dividend-currency.eth i, #withdraw_form .crypto-custom .eth, #div_crypto .crypto-option .eth {background-image:url(../images/currency_ethereum.avif);} .wallet-ltc i, .wallet-currency.ltc i, .dividend-currency.ltc i{background-image:url(../images/currency_ltc.avif);} .history-currency.ltc i,#div_crypto .crypto-option .ltc,#withdraw_form .crypto-custom .ltc{background-image:url(../images/currency_ltc_white.avif);} .history-currency.current.mbtc i,.history-currency.mbtc:hover i{background-image:url(../images/currency_bitcoin_white.avif);} .history-currency.current.usdt i,.history-currency.usdt:hover i{background-image:url(../images/currency_usdt_white.avif);} .history-currency.current.eth i,.history-currency.eth:hover i{background-image:url(../images/currency_ethereum_white.avif);} .history-currency.current.ltc i,.history-currency.ltc:hover i{background-image:url(../images/currency_ltc.avif);} /* custom-select */ .custom-select{font-size:16px; line-height:50px; position:relative;} .custom-select select{visibility:hidden; width:0; height:0; padding:0; opacity:0;} .select-selected{padding:0 50px 0 20px; font-size:18px; color:#000000; background:#FFFFFF; border:1px solid #FFFFFF; border-radius:10px; position:relative; cursor:pointer;} .select-selected:after{content:""; width:0; height:0; position:absolute; right:25px; top:50%; transform:translateY(-50%); border-style:solid; border-width:8px 5px 0 5px; border-color:#000000 transparent transparent transparent;} .select-selected.select-arrow-active:after{border-width:0 5px 8px 5px; border-color:transparent transparent #000000 transparent;} .select-items{width:100%; padding:15px 30px; background:#FFFFFF; box-shadow:0px 8px 12px rgba(0,0,0,.8); position:absolute; top:100%; z-index:1; border-radius:15px; text-align:center; overflow:hidden;} .select-items div{border-bottom:1px solid #DDDDDD; cursor:pointer;} .select-items div:last-child{border-bottom:none;} .select-items div:hover{color:#FF6A00;} .select-hide{display:none;} /* modal */ .modal-custom{width:90%; max-height:90%; padding:20px 15px 30px; color:#000000; background:#FFFFFF; border-radius:10px; position:fixed; top:50% !important; transform:translate(-50%,-50%); overflow-y:auto;} .modal-custom .modal-hd{margin-bottom:50px; text-align:center;} .modal-custom .modal-hd h1{font-weight:bold;} .modal-custom .modal-content{margin-left:0;} .modal-custom .modal-close{background:none;} .modal-custom .modal-close:after{content:"✖"; font-size:20px; line-height:24px; color:#000000; opacity:.5;} .modal-custom .modal-close:hover:after{opacity:1;} .modal-custom .modal-button{width:104%; margin:50px -2% 0; display:flex; justify-content:space-around;} .modal-custom .modal-button a{width:48%; max-width:300px; margin:0 10px; line-height:50px; font-size:20px; font-weight:600; display:block;} .modal-custom + .reveal-modal-bg{background:rgba(0,0,0,.5);} .modal-regtnc{max-width:640px;} .modal-regtnc .modal-hd{margin-bottom:25px;} .modal-regtnc .modal-content p{font-size:14px;} .modal-profile{max-width:460px; overflow-y:visible;} .modal-profile .mod-forms-custom .verify-ipt .item-ipt{display:flex; justify-content:space-between; align-items:center;} .modal-profile .mod-forms-custom .verify-ipt label{width:200px; max-width:100%;} .modal-profile .mod-forms-custom .verify-ipt .verify-btn{font-size:16px; font-weight:600; white-space:nowrap; text-transform:uppercase;} .modal-profile .mod-forms-custom .verify-ipt .errormsg{color:#cc000f; font-size:12px; position:absolute; top:40px; left:0;} .modal-vipacc{max-width:600px;} .modal-vipacc .modal-hd{margin-bottom:25px;} .modal-vipacc .modal-content p{font-size:18px; display:flex;} .modal-vipacc .modal-content p:not(:last-child){margin-bottom:30px;} .modal-vipacc .modal-content span{opacity:.5; min-width:120px;} .modal-mining{max-width:600px;} .modal-mining .modal-hd{margin-bottom:25px;} .modal-mining .modal-content p{font-size:18px; text-align:justify; margin-bottom: 20px;} .modal-changepwd{max-width:460px;} .modal-changepwd .mod-forms li{display:flex; justify-content:space-between; align-items:center; height:35px; padding-bottom:10px; margin-bottom:40px; border-bottom:1px solid #DDDDDD; position:relative;} .modal-changepwd .mod-forms li:nth-child(2) .item-ipt p{display:none;} .modal-changepwd .mod-forms li:nth-child(4){margin-bottom:0;} .modal-changepwd .mod-forms label{width:50%; margin-right:15px; line-height:16px; font-size:16px; text-align:left; font-weight:600; position:relative;} .modal-changepwd .mod-forms label:after{content:""; width:.5px; height:20px; background:#DDDDDD; position:absolute; right:0; top:50%; transform:translateY(-50%);} .modal-changepwd .mod-forms label em{display:none;} .modal-changepwd .mod-forms .item-ipt{flex-grow:1; width:50%; overflow:visible;} .modal-changepwd .mod-forms .item-ipt .left{width:calc(100% - 80px);} .modal-changepwd .mod-forms .txt-ipt{width:100%; font-size:16px; color:#000000; padding:0; background:none; outline:none; border:none;} .modal-changepwd .mod-forms span.error-tips{font-size:12px; line-height:1 !important; padding:4px 0 4px 24px; position:absolute; left:-4px; top:35px; line-height:20px;} .modal-changepwd .mod-forms span.valid-tips{display:none !important;} .modal-changepwd .mod-forms #vcode{margin-top:-4px;} .modal-changepwd .mod-forms-btn{width:104%; margin:50px -2% 0; display:flex; justify-content:space-around;} .modal-changepwd .mod-forms-btn a{width:48%; max-width:300px; margin:0 10px; line-height:50px; font-size:20px; font-weight:600; display:block;} .modal-mywallet{max-width:460px; overflow-y:visible;} .modal-mywallet .select-wrap{width:80%; margin:0 auto; font-size:16px; position:relative;} .modal-mywallet .select-wrap input{width:100%; height:50px; padding:0 50px 0 20px; font-size:16px; color:#000000; background:#FFFFFF; border:1px solid #E8883E; border-radius:10px; cursor:pointer;} .modal-mywallet .select-wrap ul{width:100%; padding:15px 30px; background:#FFFFFF; box-shadow:0px 8px 12px rgba(0,0,0,.8); position:absolute; top:100%; border-radius:15px; text-align:center; overflow:hidden; display:none;} .modal-mywallet .select-wrap li{line-height:50px; border-bottom:1px solid #DDDDDD; cursor:pointer;} .modal-mywallet .select-wrap li:last-child{border-bottom:none;} .modal-mywallet .select-wrap i.arrow{width:0; height:0; position:absolute; right:25px; top:50%; transform:translateY(-50%); border-style:solid; border-width:8px 5px 0 5px; border-color:#000000 transparent transparent transparent;} .modal-mywallet .select-wrap.dropdown ul{display:block;} .modal-mywallet .select-wrap.dropdown i{border-width:0 5px 8px 5px; border-color:transparent transparent #000000 transparent;} .modal-history{max-width:640px;} .modal-history .modal-hd{margin-bottom:25px;} .modal-history .modal-content h1{font-weight:600; margin-bottom:15px;} .modal-history .modal-content p{display:flex; font-size:18px; margin-bottom:10px;} .modal-history .modal-content p:nth-child(2){margin-bottom:15px;} .modal-history .modal-content p:last-child{margin-bottom:0;} .modal-history .modal-content p span{width:180px; color:#000000; opacity:.5;} .modal-history .modal-content p em{width:70%; flex-grow:1; word-break:break-all;} .modal-message{max-width:640px;} .modal-message .modal-hd{margin-bottom:25px;} .modal-message .modal-content h1{font-weight:bold; margin-bottom:15px;} .modal-message .modal-content{text-align:left; font-size:16px; word-break:break-word;} .modal-message .modal-content .title{margin-bottom:15px; font-size:18px; font-weight:600;} .modal-message .modal-content .time{font-size:14px; color:rgba(0,0,0,0.5); margin-bottom:20px;} .modal-wdapply{max-width:400px;} .modal-wdapply .modal-hd{margin-bottom:25px;} .modal-wdapply .modal-content{text-align:center;} .modal-wdapply .modal-content i{width:100px; height:100px; margin:20px auto; background:url(../images/success_icon.avif) no-repeat top / 100%; display:block;} .modal-wdapply .modal-content p{font-size:14px;} .modal-tokenwd{max-width:600px; } .modal-tokenwd .modal-content .tokenwd-balance{margin-bottom:40px; text-align:center;} .modal-tokenwd .modal-content .tokenwd-balance h1{font-size:32px; font-weight:600;} .modal-tokenwd .modal-content .tokenwd-balance p{font-size:20px;} .modal-tokenwd .modal-content .tokenwd-total{width:100%; max-width:300px;} .modal-tokenwd .modal-content .tokenwd-total li{float:left; width:100%; font-size:14px; display: inline-flex;} .modal-tokenwd .modal-content .tokenwd-total li p{width: 150px; color: #F68323;} .modal-tokenwd .modal-content .tokenwd-total em{color:#E8883E; margin-right:5px;} .modal-tokenwd .modal-content .max-amount {position: absolute; top: -3px; right: 1%; color: #E8883E; font-weight: bold; font-size: 20px; text-align: right; cursor: pointer;} .modal-custom.modal-tokenwd .modal-button{display: inline-block; width: 100%;} .modal-custom.modal-tokenwd .modal-button a {width: 100%; max-width: unset; margin-bottom: 10px;} .modal-custom.modal-tokenwd .modal-button a:last-of-type{border: #E8883E solid 1px; background: transparent; color: #E8883E;} /* register */ .mod-reg{background:url(../images/v1/login_bg_light.avif) no-repeat center center/100%; background-size:cover;} .mod-reg > .layout{width:100%; max-width:520px; margin-bottom:100px; padding:44px; font-size:16px; background:#FFFFFF; border-radius:10px; box-sizing:border-box;} .is-reg .mod-reg > .layout{margin-bottom:0;} .mod-reg > .layout > p, .mod-reg .reg-sub p{font-size:16px; color:#000000; margin:20px auto; text-align:center;} .mod-reg > .layout > .or-opt {position: relative; text-transform: uppercase;} .mod-reg > .layout > .or-opt:before {content: ""; position: absolute; background: #DBDBDB; width: 190px; height: 1px; top: 12px; left: 0px;} .mod-reg > .layout > .or-opt:after {content: ""; position: absolute; background: #DBDBDB; width: 190px; height: 1px; top: 12px; right: 0px;} .mod-reg .hd{background:url(../images/v1/btc-logo-light-en.avif) no-repeat center top/100%; width:160px; height:40px; margin:0 auto 50px; font-size:0; padding:0; cursor: pointer;} .mod-reg .hd.cn{background-image:url(../images/v1/btc-logo-light-cn.avif); width: 50%; height: 48px; position: relative; left: -5px;} .mod-reg .hd h3,.mod-reg #regword{display:none!important;} .mod-reg .mod-forms .item-ipt .tips{color:#ccc;} .mod-reg .mod-forms span.error-tips{font-size:12px; line-height:1 !important; padding:4px 0 4px 24px; position:absolute; left:-4px; top:48px;} .mod-reg .mod-forms span.valid-tips{display:none !important;} .mod-reg fieldset{border:none!important; margin:0; padding:0;} .mod-reg fieldset legend{display:none!important; padding:0!important;} .mod-reg #regMethod .social-login{display:flex; justify-content:space-between; align-items: center;} .mod-reg #regMethod .social-login a{width:190px; height:40px; padding:0 25px; font-size:20px; border:1px solid #1D1D1D; display:flex; justify-content:space-around; align-items:center;} .mod-reg #regMethod .social-login a > div{width:100% !important; height:100% !important; position:absolute; left:0; top:0; opacity:0; overflow:hidden;} .mod-reg #regMethod .social-login a > iframe{width:100% !important; height:100% !important; position:absolute; left:0; top:0; opacity:0; overflow:hidden;} .mod-reg #regMethod .social-login a i{float:left; width:30px; height:30px; background-repeat:no-repeat; background-size:30px 30px;} .mod-reg #regMethod .social-login a.google i{background-image:url(../images/google_logo.avif);} .mod-reg #regMethod .social-login a.facebook i{background-image:url(../images/facebook_logo.avif);} .mod-reg #regMethod .social-login a.telegram i{background-image:url(../images/telegram_logo.avif);} .mod-reg #regMethod .social-login a.apple i{background-image:url(../images/apple_logo.avif);} .mod-reg #regMethod .more-login{width:25px; height:25px; color:#FFFFFF; background:#000000; border-radius:50%; position:relative; cursor:pointer;} .mod-reg #regMethod .more-login:hover{color:#1C1C1C; background:#FF6A00;} .mod-reg #regMethod .more-login:after{content:"\002B"; font-size:20px; font-weight:600; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .mod-reg #regMethod .more-login-modal{padding:0 10px; background:#F0F0F0; border-radius:15px; position:absolute; top:110%; right:0; z-index:10; display:none;} .mod-reg #regMethod .more-login-modal a{background:#FFFFFF; margin:10px auto; position:relative; justify-content:left;} .mod-reg #regMethod .more-login-modal a i{margin-right:15px;} .mod-reg #regMethod .more-login-overlay{width:100vw; height:100vh; background:rgba(0,0,0,.2); position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; cursor:default; display:none;} .mod-reg .mod-forms > li{position:relative; display:flex; height:45px; margin-bottom:25px; align-items:center; border-bottom:1px solid #707070;} .mod-reg .mod-forms > li label{width:60%; height:30px; margin-right:12px; color:#000000; font-size:18px; text-align:left; position:relative;} .mod-reg .mod-forms > li label:after{content:""; width:.5px; height:25px; background:#707070; position:absolute; right:0; top:50%; transform:translateY(-50%);} .mod-reg .mod-forms > li input{width:100%; height:30px; line-height:30px; color:#000000; font-size:18px; flex-grow:1; padding:0; background:none; border:none; outline:none;} .mod-reg .mod-forms > li input#verifycode{width:calc(100% - 115px);} .mod-reg .mod-forms .item-ipt{width:70%;} .mod-reg .mod-forms .item-ipt .tips{position:absolute; left:0; top:0; width:100%; margin:0; font-size:20px; color:#646B83!important; white-space:nowrap; z-index:-10; display:none;} .mod-reg .mod-forms .item-ipt a.captcha-refresh{background:url(../images/sidebar/refresh.avif) no-repeat center; width:25px; height:28px; position:absolute; top:7px; right:0; font-size:0;} .mod-reg .mod-forms .iti{position:static; display:flex; justify-content:left; align-items:center; padding:0;} .mod-reg .mod-forms .iti .iti__flag-container{font-size:18px; padding:0; position:static;} .mod-reg .mod-forms .iti .iti__selected-flag{padding:0 15px 0 0; top:0; z-index:0; border-radius:5px; background:none!important; outline:none;} .mod-reg .mod-forms .iti .iti__selected-flag:after{content:""; width:.5px; height:25px; background:#707070; position:absolute; right:0; top:50%; transform:translateY(-50%);} .mod-reg .mod-forms .iti .iti__country-list{min-width:320px; padding:10px 15px 5px; left:48%; top:105%; transform:translateX(-50%); font-size:14px; background:#FFFFFF; box-shadow:0px 8px 12px rgba(0,0,0,.8); border-radius:15px; border:none; overflow-y:auto;} .mod-reg .mod-forms .iti .iti__country{margin:0; padding:0; line-height:50px; color:#000000; border-top:1px solid #DDDDDD; text-align:center;} .mod-reg .mod-forms .iti .iti__country:first-child{border-top:none;} .mod-reg .mod-forms .iti .iti__country-name{color:#000000; display:inline-block;} .mod-reg .mod-forms .iti .iti__country.iti__highlight{background-color:transparent;} .mod-reg .mod-forms .iti .iti__country.iti__highlight:hover span{color:#E8883E;} .mod-reg .mod-forms .iti .iti__dial-code{color:#000000;} .mod-reg .mod-forms .iti .iti__selected-dial-code{color:#000000; margin-left:0;} .mod-reg .mod-forms .iti .iti__arrow{width:10px; height:10px; border:solid #000000; border-width:0 1px 1px 0; transform:rotate(45deg); margin:-5px 0 0 10px;} .mod-reg .mod-forms .iti .iti__arrow--up{transform:rotate(-135deg); margin-top:5px;} .mod-reg .mod-forms .iti input.txt-ipt{min-width:auto; margin-left:10px; padding:0 !important;} .mod-reg .agreement{display:flex; align-items:flex-start; position:relative; margin-bottom:25px;} .mod-reg .agreement input{margin:4px 10px 4px 4px;} .mod-reg .agreement span{font-size:12px;} .mod-reg .agreement span.error-tips{font-size:12px; line-height:1 !important; padding:4px 0 4px 24px; color:#CC000F !important; position:absolute; left:-4px; bottom:-20px;} .mod-reg .agreement span.valid-tips{display:none !important;} .mod-reg .agreement span em{color:#222C4E; cursor:pointer;} .mod-reg .reg-sub a{line-height:50px; display:block; font-weight:bold; margin:40px auto 50px;} .mod-reg .reg-sub a.txtBtn{line-height:24px; margin:0 auto; text-align:center;} .mod-reg .reg-sub a.tnc-btn{line-height:24px; font-size:12px; color:#222C4E; font-weight:normal; text-align:center; margin:0 auto; line-height:24px;} .mod-reg .reg-sub .licensed-wrap {display: inline-flex; align-items: center; justify-content: center; width: 85%; margin: 20px 25px 0;padding-top: 10px; border-top: #D6D6D6 solid 1px; text-align: center;} .mod-reg .reg-sub .licensed-wrap p{color: #404040; font-size: 12px; margin: 0 10px 0 0;} .mod-reg .reg-sub .licensed-wrap i{display: block; background: url(../images/reg_license_light.avif) no-repeat center top/100%; width: 145px; height: 30px; padding: 0;} /* home */ .content .home-recent h2:before, .content .home-dividend h2:before, .content .home-intro h2:before, .footer-about h4:before{content: ""; position: absolute; left: -10px; background: #FBB429; width: 4px; height: 20px; margin: 4px 0 0 0;} .home-recent{margin:20px 0 50px; padding:0 30px;} .home-recent h2,.home-promo h2,.home-dividend h2, .home-intro h2{margin-bottom:10px; position: relative; left: 1%; font-size: 20px;} .home-recent h2 .allVendors, .home-dividend h2 .allVendors{color:#1877F2; font-size: 13px; float: right; position: absolute; right: 4%;} /* .home-recent h1 .allVendors span, .home-dividend h1 .allVendors span{border: #F68323 solid 2px; border-radius: 50%; padding: 0 2px; margin: 0 15px;} */ .home-recent h2 .allVendors span, .home-dividend h2 .allVendors span{background:url(../images/home/light_view_more.avif) no-repeat center; background-size: 20px; width: 20px; height: 20px; position: absolute; margin-left: 10px;} .home-recent .games-row .games-info {min-height: 59px;} .home-recent .games-row .games-info span{position: absolute; bottom: 15%;} .home-promo{margin:20px 0 50px; padding:0 30px;} .home-promo .promo-top{display:flex; justify-content:space-between;} .home-promo .promo-top a{font-size:20px;} .home-promo li{float:left; width:32%; margin-right:2%;} .home-promo li:last-child{margin-right:0;} .home-promo li img{width:100%; border-radius:5px 5px 0 0;} .home-promo .promo-info{padding:2px; background:#E8883E; box-shadow:0px 3px 6px rgba(0,0,0,.3);} .home-promo .promo-info-bg{width:100%; padding:10px; color:#FFFFFF; background:#212121; display:flex; justify-content:space-between;} .home-promo .promo-info p{font-size:18px; line-height:1.2; height:45px; overflow:hidden;} .home-promo .promo-info span{font-size:14px; line-height:1.6; margin-left:15px;} .home-dividend{margin:40px 0 50px; padding:0 30px;} .home-dividend h2 .info {border: solid 2px #1877F2; border-radius: 50%; padding: 0px 8px; color: #1877F2; font-weight: 550; font-size: 13px; position: relative; top: -2px; left: 5px;} .home-dividend h2 .tooltip {width: 250px; font-size: 12px; background: #FFFFFF; color: #000000; padding: 10px; border: solid 1px #DEDBDB; border-radius: 5px; position: absolute; left: 100px; display: none; z-index: 100;} .home-dividend .dividend-remark p {padding: 0 10px 10px; color: #000000; opacity: 0.7; font-size: 16px;} .home-dividend .dividend-container > div ul{padding:0px; background:linear-gradient(0deg, #D0D0D0 0%, #F4F4F4 100%); border:1px solid #BFBFBF; border-radius:10px; display:inline-flex; width: 100%; flex-wrap:wrap; justify-content:space-between;} .home-dividend .dividend-container > div li{display: flex; padding: 10px 15px; border-right: #b0b0b0 solid 1px; margin: auto; width: 25%; align-items: center;} .home-dividend .dividend-container > div li:last-of-type{border-right: none !important;} .home-dividend .dividend-container > div li i{min-width:50px; height:50px; margin-right:15px; background-size:50px; /*border-radius:50%;*/ display:block;} .home-dividend .dividend-container > div li p{color:#1D1F2A; font-size:18px; font-weight:550; line-height:1.2;} .home-dividend .dividend-container > div li em{color:#1D1F2A; margin-left:5px;} .home-dividend .dividend-container > div li span{color:#1D1F2A; font-size:18px; font-weight:550; display:block;} .home-dividend .dividend-container > div li span:last-of-type{color:#999999; font-size:14px; font-weight:normal;} .home-dividend .dividend-container > div > div{width:90%; max-width:450px; height:70px; margin:-25px auto 0; border-radius:10px; box-shadow:0px 3px 6px rgba(0,0,0,.3); overflow:hidden;} .home-dividend .dividend-distribute{background:transparent;padding:20px 10px;display: inline-flex;flex-direction: row;justify-content:center;width: 100%;align-items: center; border-bottom: #b0b0b0 solid 1px;} .home-dividend .dividend-distribute p{color:#000000; font-size:16px; width: fit-content; white-space: nowrap;} .home-dividend .dividend-distribute em{color:#F68323; margin-left:5px; font-size:14px; font-weight:bold; margin-right: 15px;} .home-dividend .dividend-progress{width:50%; height:10px; background:#ACACAC; border-radius:5px;} .home-dividend .dividend-progress i{height:10px; background:linear-gradient(180deg, #FCB52A 0%, #F68323 100%); border-radius:5px; display:inline-block; transition:width .3s;} .home-descr{width:100%; padding:30px; background:#FFFFFF;} .home-descr .descr-container{width:100%; max-width:900px; margin:50px auto; display:flex; align-items:flex-end;} .home-descr .descr-deco{width:50%; max-width:450px; padding:0 30px;} .home-descr .descr-deco img{max-width:100%;} .home-descr .descr-text{width:50%; max-width:480px;} .home-descr .descr-text h1{font-size:32px; font-weight:600; color:#000000;} .home-descr .descr-text p{font-size:20px; color:#000000; opacity:.7;} .home-descr .descr-text li{color:#000000; font-size:20px; line-height:1.4; padding-left:25px; margin-bottom:15px; position:relative;} .home-descr .descr-text li:before{content:""; width:10px; height:10px; background:#2F5EFF; border-radius:50%; position:absolute; top:8px; left:0;} .home-descr .descr-text a{width:100%; height:48px; line-height:44px; margin-top:20px; font-size:20px; font-weight:600; text-align:center; display:block;} .home-intro{width:100%; padding:30px;} .home-intro .introduct-info{width:100%; max-width:900px; margin:60px auto; display:flex; justify-content:space-between;} .home-intro .introduct-info .info-timeline{width:180px; height:180px; line-height:180px; text-align:center; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:9;} .home-intro .introduct-info .info-timeline span{font-weight:600;} .home-intro .introduct-info li{width:32%; position:relative;} .home-intro .introduct-info li p{margin:15px auto; font-size:20px; color:#000000; opacity:.7; text-align:center;} .home-intro .introduct-info li em{font-size:44px; vertical-align:-2px;} .home-intro .introduct-info li.payout-info .info-timeline span{font-size:28px; color:#E8883E;} .home-intro .introduct-info li.experience-info .info-timeline span{font-size:28px; color:#E8883E;} .home-intro .introduct-info li.trust-info .info-timeline span{font-size:48px; color:#E8883E;} .home-intro .introduct-info li.payout-info .circular .bar .progress{background:#E8883E;} .home-intro .introduct-info li.experience-info .circular .bar .progress{background:#E8883E;} .home-intro .introduct-info li.trust-info .circular .bar .progress{background:#E8883E;} .home-intro .introduct-text{width:100%; max-width:900px; margin:0 auto; text-align:center;} .home-intro .introduct-text h1{font-size:34px; color:#E8883E; font-weight:600;} .home-intro .introduct-text p{font-size:20px; color:#000000; opacity:.7;} .home-intro .introduct-desc{width:100%; max-width:1000px; margin:50px auto 30px; display:block;} .home-intro .introduct-desc li{float:left; width:48%; max-width:505px; height:315px; margin:1%; background:#FFFFFF; box-shadow:0px 3px 10px rgba(0,0,0,.3); border-radius:10px; text-align:center;} .home-intro .introduct-desc li i{height:80px; margin:15px auto; display:block; background:no-repeat center / contain;} .home-intro .introduct-desc li:nth-child(1) i{background-image:url(../images/home/intro_icon1.avif);} .home-intro .introduct-desc li:nth-child(2) i{background-image:url(../images/home/intro_icon2.avif);} .home-intro .introduct-desc li:nth-child(3) i{background-image:url(../images/home/intro_icon3.avif);} .home-intro .introduct-desc li:nth-child(4) i{background-image:url(../images/home/intro_icon4.avif);} .home-intro .introduct-desc li h3{font-size:24px; color:#000000; font-weight:600;} .home-intro .introduct-desc li p{max-width:400px; margin:0 auto; font-size:20px; line-height:1.5; color:#000000; opacity:.7;} .home-compare{width:100%; padding:60px 30px; background:#FFFFFF;} .home-compare .compare-table{width:100%; max-width:1000px; margin:0 auto;} .home-compare .compare-table .logo{width:255px; height:34px; margin-bottom:15px; background:url(../images/btc-logo-en.avif) center / 100%;} .home-compare .compare-table table{width:100%;} .home-compare .compare-table th{width:48%; font-size:26px; color:#E8883E; padding:0 1%; font-weight:600; text-align:left;} .home-compare .compare-table td{width:48%; font-size:20px; color:rgba(0,0,0,.7); padding:20px 1% 10px 55px; vertical-align:top; background:no-repeat left+10px top+18px / 35px;} .home-compare .compare-table td i{width:50px; height:50px; display:inline-block; background:red;} .home-compare .compare-table .table-desktop td:nth-child(1){background-image:url(../images/home/compare_tick_icon.avif);} .home-compare .compare-table .table-desktop td:nth-child(2){background-image:url(../images/home/compare_cross_icon.avif);} .home-compare .compare-table .table-mobile{display:none;} .home-compare .compare-table .table-mobile td:nth-child(1){background-image:url(../images/home/compare_cross_icon.avif);} .circular{height:180px; width:180px; margin:0 auto; position:relative;} .circular .inner{position:absolute; z-index:6; top:50%; left:50%; height:150px; width:150px; transform:translate(-50%,-50%); background:#F0F0F0; border-radius:100%;} .circular .bar{position:absolute; height:100%; width:100%; background:#D3D2D0; border-radius:100%; clip:rect(0px, 180px, 180px, 90px);} .circular .bar .progress{position:absolute; height:100%; width:100%; background:#2F5EFF; border-radius:100%; clip:rect(0px, 90px, 180px, 0px);} .circular .left .progress{z-index:1; animation:left 1s linear both;} .circular .left2 .progress{z-index:1; animation:left2 1s linear both;} .circular .left3 .progress{z-index:1; animation:left3 1s linear both;} .circular .right,.circular .right2,.circular .right3{z-index:3; transform:rotate(180deg);} .circular .right .progress{animation:right 1s linear both; animation-delay:1s;} .circular .right2 .progress{animation:right2 1s linear both; animation-delay:1s;} .circular .right3 .progress{animation:right3 1s linear both; animation-delay:1s;} @keyframes left{100%{transform:rotate(90deg);}} @keyframes left2{100%{transform:rotate(120deg);}} @keyframes left3{100%{transform:rotate(180deg);}} @keyframes right{100%{transform:rotate(180deg);}} @keyframes right2{100%{transform:rotate(70deg);}} @keyframes right3{100%{transform:rotate(120deg);}} .home-recent .games-panes { width: 100%; overflow: hidden; white-space: nowrap; margin-top: .2rem;} .home-recent .games-panes .games-platform-item.pr {position: relative; display: inline-block; min-width: 2rem; height: 100%; margin-right: 1%;width: 19%;} .home-recent .games-panes .games-platform-item.pr .real-play {position: relative;} .home-recent .games-panes .games-platform-item.pr .game-bg{width: 100%; border-radius: 10px; -webkit-box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 10%); box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 10%); display: none; } .home-recent .games-panes .games-platform-item.pr .game-bg.lm {display: block; } .home-recent .games-panes .games-platform-item.pr .game-bg.dm {display: none; } .home-recent .games-panes .games-platform-item.pr .game-name {color: #171B3B;position: relative; padding: 5px 0 0 15px; font-size: 16px; font-weight: 550; display: block;} .home-recent .games-panes .games-platform-item.pr .game-desc {color: #FFFFFFB3;position: relative; padding: 5px 0 0 15px; width: 120px; white-space: break-spaces;font-size: 14px; font-weight: normal; background: transparent; resize: none; border: none; height:60px; line-height: 18px; display: block; } .home-recent .games-panes .games-platform-item.pr .game-desc::placeholder{color: #666666} .home-recent .games-panes .games-platform-item.pr .game-desc::placeholder{color: #666666;} .home-recent .games-panes .games-platform-item.pr .game-desc.h5{display: none;} .home-recent .games-panes .games-platform-item.pr .enter-icon { width: 25px; height: 25px; position: relative; margin: 10px 0 0 15px; display: block;} /* Home Christmas */ .home-event.lucky-spin{position: fixed; bottom: 0; right: 0; width: 10%; cursor: pointer; z-index: 10;} .home-event.lucky-spin img{width: 100%; box-shadow: grey 4px 4px 10px;} .home-event.lucky-spin i{display: block; color: #000000; font-size: 14px; position: absolute; top: -10%; right: 5%; border: #000000 solid 3px; border-radius: 50%; width: 30px; height: 30px; line-height: 25px; text-align: center;} /* Header */ .nav-menu .games-panes{ width: 100%; overflow: hidden; white-space: nowrap; margin-top:.2rem; display: flex; align-items: center; justify-content: center;} .nav-menu .games-panes.live-menu, .nav-menu .games-panes.games-menu {justify-content: flex-start; padding-left: 60px;} .nav-menu .games-panes .games-platform-item.pr { position: relative; display: inline-block; min-width: 17.5%; height: 150px; margin-right: 1%; width: 17.5%;} .nav-menu .games-panes .games-platform-item.pr .real-play {position: relative; border: none !important;} .nav-menu .games-panes .games-platform-item.pr .real-play .game-bg{ width: 96%; height: auto; max-width: 100%; top: 0;transform: none; border-radius: 10px; -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1); display: none; } .nav-menu .games-panes .games-platform-item.pr .real-play .game-bg.lm{display: block;} .nav-menu .games-panes .games-platform-item.pr .real-play .game-bg.dm{display: none;} .nav-menu .games-panes .games-platform-item.pr .game-name {color: #171B3B;position: relative; padding: 5px 0 0 15px; font-weight: 550; display: block; text-align: left;} .nav-menu .games-panes .games-platform-item.pr .game-desc { color: #FFFFFFB3; position: relative; padding: 5px 0 0 15px; width: 120px; font-size: 12px; white-space: break-spaces; text-align: left; text-transform: capitalize; font-weight: normal; background: transparent; border: none; resize: none; height:60px; line-height: 18px; display: block;} .nav-menu .games-panes .games-platform-item.pr .enter-icon { width: 25px; height: 25px; position: relative; top: 15%; margin: 10px 0 0 15px; display: block;} /* All Vendor */ .mod-vendor .nav-wrap{display: inline-flex; background: #FFFFFF; width: 100%; position: relative; height: 35px; display: inline-flex; align-items: center;} .mod-vendor .nav-wrap .vendor{color: #000000; margin: 0 0 0 80px; font-weight: bold;} .mod-vendor .nav-wrap .vendor:before{content: ""; position: absolute; background: #FBB429;left: 60px; top: 4px; width: 4px; height: 20px; margin: 4px 0 0 0;} .mod-vendor .nav-wrap .provider{background: #F0F0F0; color: #999999; font-size: 12px; padding: 0 10px; line-height: 20px; border-radius: 12px; margin-left: 10px;} .mod-vendor .nav-wrap .provider span{color: #FBB429;} .mod-vendor .nav-wrap.esport .vendor:before{background:#29A2FB;} .mod-vendor .nav-wrap.esport .provider span{color:#29A2FB;} .mod-vendor .nav-wrap.live .vendor:before{background:#FF6CCC;} .mod-vendor .nav-wrap.live .provider span{color:#FF6CCC;} .mod-vendor .nav-wrap.slots .vendor:before{background:#FB5129;} .mod-vendor .nav-wrap.slots .provider span{color:#FB5129;} .mod-vendor .games-panes { width: 100%; overflow: hidden; white-space: nowrap; margin-top: .2rem; padding: 20px 60px;} .mod-vendor .games-panes .games-platform-item.pr { position: relative; display: inline-block; height: 100%; margin-right: 1%; width: 19%; } .mod-vendor .games-panes .games-platform-item.pr .real-play { position: relative; } .mod-vendor .games-panes .games-platform-item.pr .gp-img{width: 100%; display:none; border-radius: 10px;} .mod-vendor .games-panes .games-platform-item.pr .gp-img.web.lm{display: block} .mod-vendor .games-panes .games-platform-item.pr .game-name { color: #171B3B; position: relative; padding: 5px 0 0 15px; font-size: 16px; font-weight: 550; display: block;} .mod-vendor .games-panes .games-platform-item.pr .game-desc { color: #FFFFFFB3; position: relative; padding: 5px 0 0 15px; width: 120px; white-space: break-spaces; font-size: 14px; font-weight: normal; background: transparent; border: none; resize: none; height:60px; line-height: 18px; display: block; } .mod-vendor.web .games-panes.sports .games-platform-item.pr .game-desc, .mod-vendor.web .games-panes.esport .games-platform-item.pr .game-desc {width: 300px;} .mod-vendor.web .games-panes.slots .games-platform-item.pr .game-desc {width: 140px;} .mod-vendor .games-panes .games-platform-item.pr .game-desc::placeholder{color: #666666} .mod-vendor .games-panes .games-platform-item.pr .game-desc.h5{display: none;} .mod-vendor .games-panes .games-platform-item.pr .enter-icon { width: 25px; height: 25px; position: relative; margin: 10px 0 0 15px; display: block;} /* .mod-vendor.mobile .games-panes .games-platform-item.pr{width: 50% !important;} */ .mod-vendor .games-panes.sports .games-platform-item.pr, .mod-vendor .games-panes.esport .games-platform-item.pr{width: 50%;} .mod-vendor .games-panes.live .games-platform-item.pr, .mod-vendor .games-panes.slots .games-platform-item.pr{width: 19%;} /* .mod-vendor .games-panes.slots .games-platform-item.pr .gp-img{height: 15vh;} */ /* .mod-vendor .games-panes.live .games-platform-item.pr .enter-icon { width: 12%; top: 78px; } .mod-vendor .games-panes.slots .games-platform-item.pr .enter-icon { width: 7%;} */ .mod-vendor .menu-navigation, .nav-menu-dropdown .menu-navigation{position: relative; top: -5.5vw; left: 0px; width: 100%; height: 0;} .nav-menu-dropdown .menu-navigation{position: absolute; top: 50%;} .mod-vendor .menu-navigation .nav-icon, .nav-menu-dropdown .menu-navigation .nav-icon{background: url(../images/header/header_left_icon.avif) no-repeat center / 21px; width: 40px; min-height: 40px; height: auto; display: block; background-color: #333333; opacity: 80%; border-radius: 50%; cursor: pointer;} .mod-vendor .menu-navigation .nav-left, .nav-menu-dropdown .menu-navigation .nav-left{position: absolute; top: 0px; bottom: 0; left: 10px; margin: auto;} .mod-vendor .menu-navigation .nav-right, .nav-menu-dropdown .menu-navigation .nav-right{background-image: url(../images/header/header_right_icon.avif); position: absolute; top: 0; bottom: 0; right: 10px; margin: auto;} .mod-vendor .menu-navigation .nav-icon:hover, .nav-menu-dropdown .menu-navigation .nav-icon:hover{background-color: #ff9125; opacity: 80%; } /* sport */ .mod-sports{position:relative;} .mod-sports .sports-page{width:100%; height:calc(100vh - 100px); position:absolute; top:0; left:0;} /* casino */ .mod-casino{color:#FFFFFF;} .mod-casino h1{margin-bottom:20px;} .mod-casino .mod-casino-nav{background: #151515; text-align: center; color: #FFFFFF; font-size: 14px; font-weight: bold; width: 100%; display: inline-flex; align-items: center;padding: 5px 0;} .mod-casino .mod-casino-nav p{width: 85%; font-size: 20px; text-align: left;} .mod-casino .mod-casino-nav.game p {text-align: center;} .mod-casino .mod-casino-nav a {width: 5%;} .mod-casino .mod-casino-nav a .back-button{width: 15px;} .mod-casino .casino-type{margin-bottom:30px; border-bottom:1px solid #DDDDDD;} .mod-casino .casino-type a{font-size:20px; line-height:1; font-weight:600; margin:0 0 -1px 120px; padding:0 15px 15px; display:inline-block;} .mod-casino .casino-type a:first-child{margin-left:0;} .mod-casino .casino-type a.current{border-bottom:3px solid #E8883E;} /*.mod-casino .grouped-tab{display: inline-flex; width: 100%} .mod-casino .grouped-tab .txtBtn-2{height:40px; line-height: 30px;background:#151515;*//* text-align:center; position:relative; cursor:pointer; overflow:hidden; color: #00000050; padding: 0 15px; font-size: 20px;} .mod-casino .grouped-tab .txtBtn-2.current{color: #000000; border-bottom: #F68323 solid 6px;font-weight: bold;font-size: 24px;} */ .mod-casino .casino-menu{margin-bottom:50px; width: 90%;} .mod-casino .casino-menu .games-hd-menu { white-space: nowrap; width: 100%; overflow: hidden; overflow-x: scroll; display: block; } .mod-casino .casino-menu .menu {white-space: nowrap; overflow-x: overlay; position: relative; display: inline-block; min-width: 2rem; margin-right: .15rem; width: fit-content; float: unset;} .mod-casino .casino-menu li{height:40px; /*border-radius:10px;*/ /*background:#151515;*/ text-align:center; position:relative; cursor:pointer; overflow:hidden; color: #00000050; padding: 0 15px; font-size: 20px;} .mod-casino .casino-menu li.current{/*background:#000000;*/color: #000000;border-bottom: #F68323 solid 6px;font-weight: bold; font-size: 24px; line-height: 30px;} .mod-casino .casino-menu li img{max-width:80%; position:relative; top:50%; transform:translateY(-50%);} .mod-casino .games-panes .search-wrap{float:left; width:370px; position:relative;} .mod-casino .games-panes .search-wrap input{width:100%; height:31px; padding:4px 30px 0 15px; color:#000000; background:#FFFFFF; border:1px solid #FFFFFF; border-radius:25px; outline:none;} .mod-casino .games-panes .search-wrap a{width:12px; height:12px; position:absolute; top:10px; right:15px; background:url(../images/search_icon_light.avif) no-repeat center/contain;} .mod-casino .games-panes .sort-wrap{float:left; width:250px; height:31px; margin-left:20px; color:#000000; background:#FFFFFF; border-radius:25px; border:1px solid #FFFFFF; position:relative; text-align:center; cursor:pointer;} .mod-casino .games-panes .sort-wrap p{line-height:31px; padding:0 15px;} .mod-casino .games-panes .sort-wrap b{margin-left:5px;} .mod-casino .games-sub-menu{width:100%; height:0; font-size:14px; background:#FFFFFF; border-radius:15px; position:absolute; top:105%; left:0; z-index:1; box-shadow:0px 8px 12px rgba(0,0,0,.8); overflow:hidden;} .mod-casino .games-sub-menu.active{height:auto; padding:5px 30px;} .mod-casino .games-sub-menu li{color:#000000; border-top:1px solid #DDDDDD; font-weight:600; line-height:60px; text-align:center;} .mod-casino .games-sub-menu li:first-child{border-top:none;} .mod-casino .games-sub-menu li:hover{color:#E8883E;} .mod-casino .games-list{margin-top:10%;} .mod-casino .games-list li{border-radius:10px; background:#151515; position:relative; overflow:hidden;} .mod-casino .games-list li em{width:100%; padding-bottom:90%; background-position:top center; background-size:100%; border-radius:0 0 15px 15px; display:block;} .mod-casino .games-list li .game-name{width:100%; padding:5px 15px; font-size:18px; line-height:1.2; background:#000000; position:absolute; bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .mod-casino .games-list li .game-name span{font-size:14px; color:#707070; display:block;} .mod-casino .games-list li .game-name span.active{display:block;} .mod-casino .games-list li .game-rollover{width:100%; height:100%; position:absolute; top:0;} .mod-casino .games-list li .game-rollover a{width:100%; height:100%; text-indent:-9999px; cursor:pointer; display:block;} .mod-casino .casino-list{margin-bottom:60px;} .mod-casino .casino-list .casino-link{width:380px; max-width:90%; margin:25px auto 0; text-align:center; text-transform:uppercase;} .mod-casino .casino-list .casino-link a{line-height:33px; font-size:14px; font-weight:600; color:#000000; background:#FFFFFF; border:1px solid #E8883E; border-radius:10px; display:block;} .mod-casino .casino-menu,.mod-casino .games-item{overflow:hidden;} .mod-casino .casino-menu ul,.mod-casino .games-list ul{width:101.25%; margin:0 -0.625%;} .mod-casino .casino-menu li{float:left; width:auto; margin:0 0.625% 1.25% 0.625%;} .mod-casino .games-list li{float:left; width:18.75%; margin:0 0.625% 1.25% 0.625%;} /* games-row */ .games-row li{float:left; width:18.75%; margin-right:1.25%; margin-bottom:1.25%; background:#28292D; border-radius:10px; position:relative; cursor:pointer; overflow:hidden;} .games-row li:last-child{margin-right:0;} .games-row li img{max-width:100%;} .games-row .games-img{width:100%; padding-bottom:90%; background-position:top center; background-size:100%; background-repeat: no-repeat;} #ul_recent_games.games-row .games-img{padding-bottom: 115%;} .games-row .games-info{width:100%; padding:10px 15px; line-height:1.2; background:#000000; position:absolute; bottom:0;} .games-row .games-info p{font-size:18px; color:#FFFFFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .games-row .games-info span{font-size:14px; color:#707070;} .games-row .games-info span.info, .mod-casino .games-list li .game-name .info{float: right; border: solid 2px #707070; border-radius: 50%; padding: 1px 7px; font-weight: bold;} /* promotions */ .mod-promotions .info-type{margin-bottom:30px; border-bottom:1px solid #DDDDDD; white-space:nowrap; overflow:auto hidden;} .mod-promotions .info-type a{font-size:20px; font-weight:600; line-height:1; margin:0 5% 0 0; padding:0 15px 15px; display:inline-block;} .mod-promotions .info-type a:last-child{margin-right:0;} .mod-promotions .info-type a.current{border-bottom:3px solid #E8883E;} .mod-promotions .info-items{width:102%; margin:0 -1%;} .mod-promotions .info-items > li{float:left; width:31%; margin:1%;} .mod-promotions .info-tit{cursor:pointer;} .mod-promotions .info-tit img{width:100%; border-radius:5px 5px 0 0;} .mod-promotions .info-desc{padding:2px; background:#E8883E; box-shadow:0px 3px 6px rgba(0,0,0,.3);} .mod-promotions .info-desc-bg{width:100%; padding:10px; color:#FFFFFF; background:#212121; display:flex; justify-content:space-between;} .mod-promotions .info-desc p{font-size:18px; line-height:1.2; height:45px; overflow:hidden;} .mod-promotions .info-desc span{font-size:14px; line-height:1.6; margin-left:15px;} .mod-promotions .info-cont .btn-apply,.mod-promotions .info-cont .btn-applied{margin-top:25px; padding:0 25px; line-height:50px; font-size:20px; display:inline-block;} .mod-promotions .info-cont .btn-apply{font-weight:bold; text-transform:uppercase;} .mod-promotions .info-cont{width:100%; height:calc(100% - 100px); color:#000000; background:#F0F0F0; position:fixed; top:-100%; left:0; z-index:1; transition:top .3s; overflow:hidden;} .mod-promotions .info-cont.active{top:100px;} .mod-promotions .info-cont-head{background:#151515; position:relative; text-align:center;} .mod-promotions .info-cont-head h1{color:#FFFFFF; line-height:50px; font-weight:600;} .mod-promotions .info-cont-head .back-btn{border-color:#E8883E;} .mod-promotions .info-cont-wrap{width:100%; height:calc(100% - 50px); padding:25px; overflow:auto;} .mod-promotions .info-cont-inner > h1{margin-bottom:20px; font-weight:bold;} .mod-promotions .info-cont-inner > div{font-size:16px;} .mod-promotions .info-cont table{margin:15px 0; width:100%; text-align:center;} .mod-promotions .info-cont table td,.mod-promotions .info-cont table th{border:1px solid #000000; padding:5px;} .mod-promotions .info-cont table th{font-weight:bold;} .mod-promotions .info-cont ol{list-style:decimal;} .mod-promotions .info-cont ul{list-style:disc;} .mod-promotions .info-cont li{list-style:inherit; margin-left:18px; padding-left:5px;} .mod-promotions .gift-pic-container{margin-top:15px;} .mod-promotions .gift-pic-container .gift-wrap{display:flex; align-items:flex-end; flex-wrap:wrap; margin-top:5px;} .mod-promotions .gift-pic-container .gift-image{width:100%; margin:2% 0; word-wrap:break-word;} .mod-promotions .gift-pic-container .gift-image:nth-of-type(4n){margin-right:0;} .mod-promotions .gift-pic-container .gift-image img{right:auto !important;} .mod-promotions .gift-pic-container .gift-image h3{font-size:17px !important; margin:6px 0 2px 0;} .mod-promotions .gift-pic-container .btn-redeem{width:100%; height:40px; padding:4px 20px 5px 20px; margin-top:8px; line-height:1.5; color:#FFFFFF; background:#00a6f0; border:none; border-radius:3px; vertical-align:middle; cursor:pointer; text-align:center;} .mod-promotions .gift-pic-container .btn-redeem.btn-disabled{background:#ccc;} .mod-promotions .gift-pic-container .btn-redeem > .btn-redeem-text{display:block;} .mod-promotions .gift-pic-container .btn-redeem > .btn-redeem-spinner{display:none;} .mod-promotions .gift-pic-container .btn-redeem.btn-loading > .btn-redeem-text{display:none;} .mod-promotions .gift-pic-container .btn-redeem.btn-loading > .btn-redeem-spinner{font-size:20px;display:block;} .redeemModal{max-width:100%;} .redeemModal .redeeming-gift-photo{max-width:300px; margin:0 auto; max-height:300px; display:block;} .redeemModal .redeeming-gift-name{text-align:center;} /* profile */ .mod-profile .container{font-size:20px; margin-bottom:25px; background:#FFFFFF; box-shadow:0px 3px 10px rgba(0,0,0,.3); border-radius:10px;} .mod-profile .profile-title{font-weight: bold; font-size: 20px;} .mod-profile .profile-header{background: url(../images/profile/profile_bg_light.avif) no-repeat center center / 101%; width: 100.5%; margin:20px auto; font-size:20px; color:#000000; text-align:center; border-radius: 15px; height: 190px; padding: 0 40px} .mod-profile .profile-header h1{font-size:34px; line-height:1; font-weight:bold; position:relative;} .mod-profile .profile-header h1 a{font-size:20px; color:#F68323; font-weight:normal; position:absolute; top:-45px; right:0;} .mod-profile .profile-header h1 i{width:24px; height:24px; margin-left:5px; vertical-align:-8px; background:url(../images/profile/profile_edit.avif) no-repeat top / 100%; display:inline-block;} .mod-profile .profile-header .profile-icon-wrap {position: relative; display: inline-flex; width: 100%; padding: 20px 0px;} .mod-profile .profile-header .profile-icon-wrap .profile-details{display: inline-flex; align-items: center; text-align: left;} .mod-profile .profile-header .profile-icon-wrap .profile-details img{width: 32%;} .mod-profile .profile-header .profile-icon-wrap .profile-details p{display: inline-flex; flex-direction: column; padding: 0 15px; line-height: 30px; font-size: 24px;} .mod-profile .profile-header .profile-icon-wrap .profile-details p span{text-transform: uppercase; font-size: 14px;} .mod-profile .profile-header .profile-icon-wrap .learn-more{color: #F68323; font-size: 14px; float: right; position: absolute; right: 4%; text-transform: capitalize;} .mod-profile .profile-header .profile-icon-wrap .learn-more span{background: url(../images/home/view_more.avif) no-repeat center; background-size: 20px; width: 20px; height: 20px; position: absolute; margin-left: 10px;} .mod-profile .profile-circle{width:140px; height:140px; margin:20px auto; position:relative;} .mod-profile .profile-circle p{font-size:22px; line-height:1.4; font-weight:600; position:absolute; top:55%; left:50%; transform:translate(-50%, -50%);} .mod-profile .profile-circle .circle{position:absolute; left:0;} .mod-profile .profile-milestone {text-align: left; width: 70%;} .mod-profile .profile-milestone .milestone-deposit{color:#07AF00;} .mod-profile .profile-milestone .milestone-turnover{color:#222222; font-size: 14px;} .mod-profile .profile-milestone .milestone-vip{color:#DEC400;} .mod-profile .profile-milestone i{width:20px; height:20px; margin:0 10px; vertical-align:-4px; background:url(../images/question_icon.avif) no-repeat top / 100%; cursor:pointer; display:inline-block;} .mod-profile .profile-milestone em{color:#000000; margin-left:5px;} .mod-profile .profile-milestone em span:last-of-type{color: #222222; opacity: 0.5;} .mod-profile .profile-milestone em:last-of-type{float: right; text-transform: uppercase;} .mod-profile .profile-milestone > em{margin:0 5px 0 10px; vertical-align:1px} .mod-profile .profile-milestone .linear-wrap{width: 100%; background: #00000010; height: 13px; margin: 10px 0 0; border-radius: 10px; display: inline-flex; position: relative; align-items: center;} .mod-profile .profile-milestone .linear-wrap .progress-value{animation:load 3s normal forwards; border-radius: 10px; background:linear-gradient(180deg, #FCB52A, #F68323); height:13px; width:0; max-width: 100%;} .mod-profile .profile-milestone .linear-wrap span{border-radius: 50%; width:18px; height: 18px; background: #F68323; border: #FFFFFF1A solid 0.5px; position: absolute; left: 0%;} .mod-profile .profile-link a{float:left; width:33.3%; margin:15px auto 10px; line-height:1; border-right:1px solid rgba(112, 112, 112, .1); text-transform:uppercase; text-align:center; position: relative;} .mod-profile .profile-link a #_umessage{line-height: 17px; padding: 0 7px; font-size: 12px; color: #FFFFFF; background: #FF0000; position: absolute; right: 115px; top: -5px; border-radius: 12px; text-align: center;} .mod-profile .profile-link a:last-child{border-right:none;} .mod-profile .profile-link a i{width:54px; height:42px; margin:0 auto 10px; background:url(../images/profile/profile_icon.avif) no-repeat top / 54px; display:block;} .mod-profile .profile-link a:nth-child(1) i{background-position:0 0;} .mod-profile .profile-link a:nth-child(2) i{background-position:0 -44px;} .mod-profile .profile-link a:nth-child(3) i{background-position:0 -88px;} .mod-profile .profile-wallet{padding:20px;} .mod-profile .profile-wallet h1{font-weight:bold;} .mod-profile .profile-wallet li{display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #DDDDDD;} .mod-profile .profile-wallet li:last-child{margin-bottom:-10px; border-bottom:none;} .mod-profile .profile-wallet li span{line-height:45px; padding-top:5px; color:#000000;} .mod-profile .profile-wallet li span i{width:25px; height:25px; margin-right:15px; vertical-align:-5px; background-color:#151936; background-size:100%; border-radius:50%; display:inline-block;} .mod-profile .profile-wallet li span em{font-weight:bold;} /* .mod-profile .profile-wallet .wallet-mbtc span em{color:#F7931A;} .mod-profile .profile-wallet .wallet-usdt span em{color:#53AE94;} .mod-profile .profile-wallet .wallet-eth span em{color:#5D7AF2;} */ .mod-profile .profile-reward{margin-bottom:25px;} .mod-profile .profile-reward ul{width:102%; margin:-1%; text-align:center;} .mod-profile .profile-reward li{float:left; width:23%; margin:1%; background:#FFFFFF; box-shadow:0px 3px 10px rgba(0,0,0,.3); border-radius:10px; position:relative;} .mod-profile .profile-reward li p{font-size:24px; line-height:1.2; margin-top:5px; padding:15px 10px; cursor:pointer;} .mod-profile .profile-reward li span{font-size:14px; opacity:.7; display:block;} .mod-profile .profile-reward li i{width:12px; height:12px; background:url(../images/question_icon.avif) center / 100%; position:absolute; top:10px; right:10px; cursor:pointer;} .mod-profile .profile-reward a{width:100%; max-width:440px; margin:25px auto; font-size:16px; line-height:50px; font-weight:600; text-transform:uppercase; display:block;} .mod-profile .profile-promo .promo-top{margin-bottom:15px; line-height:1; display:flex; justify-content:space-between;} .mod-profile .profile-promo .promo-top p{font-size:16px; color:#000000;} .mod-profile .profile-promo .promo-top a{font-size:16px;} .mod-profile .profile-promo li{float:left; width:49%; margin-right:2%;} .mod-profile .profile-promo li:last-child{margin-right:0;} .mod-profile .profile-promo li img{width:100%; border-radius:5px 5px 0 0;} .mod-profile .profile-promo .promo-info{padding:2px; background:#E8883E; box-shadow:0px 3px 6px rgba(0,0,0,.3);} .mod-profile .profile-promo .promo-info-bg{width:100%; padding:10px; color:#FFFFFF; background:#212121; display:flex; justify-content:space-between;} .mod-profile .profile-promo .promo-info p{font-size:18px; line-height:1.2; height:45px; overflow:hidden;} .mod-profile .profile-promo .promo-info span{font-size:14px; line-height:1.6; margin-left:15px;} /* baseinfo */ .mod-baseinfo .info-header{background:#000000; position:relative; text-align:center;} .mod-baseinfo .info-header h1{width:100%; max-width:900px; color:#FFFFFF; line-height:50px; font-weight:600;} .mod-baseinfo .info-lists{color:#000000;} .mod-baseinfo .info-lists li{display:flex; justify-content:space-between; align-items:center; height:40px; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #DDDDDD;} .mod-baseinfo .info-lists label{width:30%; max-width:200px; margin-right:15px; font-size:20px; font-weight:600; position:relative;} .mod-baseinfo .info-lists label:after{content:""; width:.5px; height:25px; background:#DDDDDD; position:absolute; right:0; top:50%; transform:translateY(-50%);} .mod-baseinfo .user-info{font-size:16px; color:#000000; display:flex; justify-content:space-between; flex-grow:1;} .mod-baseinfo .user-info a,.mod-baseinfo .user-info button{background:none; border:none; font-weight:600; text-transform:uppercase;} .mod-baseinfo .user-info a.verified{width:24px; color:#707070; background:url(../images/success_icon.avif) center/24px; text-indent:-9999px; cursor:default;} /* wallet */ .mod-mywallet .wallet-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;} .mod-mywallet .wallet-header a{padding:4px 20px; line-height:26px; font-size:18px;} .mod-mywallet .wallet-container{width:102%; margin:0 -1%;} .mod-mywallet .wallet-currency{float:left; width:31.33%; margin:1%; padding:30px 15px 20px; background-color:#20284A; border-radius:20px; position:relative;;} .mod-mywallet .wallet-currency.btc{background:linear-gradient(60deg, #30417d, #6173b1);} .mod-mywallet .wallet-currency.mbtc{background:linear-gradient(60deg, #30417d, #6173b1);} .mod-mywallet .wallet-currency.usdt{background:linear-gradient(60deg, #3c7c6a, #6ac1aa);} .mod-mywallet .wallet-currency.eth{background:linear-gradient(60deg, #2b459e, #5ca7c6);} .mod-mywallet .wallet-currency.ltc{background:linear-gradient(60deg, #bc803f, #e8c384);} .mod-mywallet .wallet-currency p{font-size:18px; color:#E5E5E5;} .mod-mywallet .wallet-currency h1{font-size:26px; color:#FFFFFF; font-weight:600;} .mod-mywallet .wallet-currency em{color:#FFFFFF; position:absolute;} .mod-mywallet .wallet-currency span{font-size:12px; color:#FFFFFF; padding:2px 10px; position:absolute; right:10px; top:10px; border:1px solid #31FD00; border-radius:15px; text-transform:uppercase; cursor:pointer;} .mod-mywallet .wallet-currency i{width:30px; height:30px; margin-right:5px; vertical-align:-8px; background-color:#151936; background-size:100%; border-radius:50%; display:inline-block;} .mod-mywallet .wallet-currency .method{width:100%; height:30px; margin-top:40px; display:flex; justify-content:space-between;} .mod-mywallet .wallet-currency .method a{width:32%; line-height:30px; border-radius:25px; white-space:nowrap; text-transform:uppercase; display:none;} .mod-mywallet .wallet-currency .method a:last-child{margin-right:0;} .mod-mywallet .wallet-active span{color:#000000; background:#31FF00;} .mod-mywallet .wallet-active .method a{display:inline-block;} .mod-mywallet .wallet-link{padding:20px 30px; margin-top:1%; background:#FFFFFF; box-shadow:0px 3px 10px rgba(0,0,0,.3); border-radius:10px;} .mod-mywallet .wallet-link a{font-size:16px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #DDDDDD; position:relative; display:block;} .mod-mywallet .wallet-link a:last-child{margin-bottom:0;} .mod-mywallet .wallet-link a:after{content:""; width:5px; height:5px; border:solid; border-width:0 1px 1px 0; transform:rotate(-45deg); position:absolute; right:5px; top:10px;} .mod-mywallet .wallet-link i{width:24px; height:24px; margin-right:10px; vertical-align:-6px; background:url(../images/wallet/wallet_icon.avif) no-repeat top / 24px; display:inline-block;} .mod-mywallet .wallet-link a.link-trans i{background-position:0 0;} .mod-mywallet .wallet-link a.link-bcryp i{background-position:0 -24px;} .mod-mywallet .wallet-link a.link-scryp i{background-position:0 -48px;} .mod-mywallet .wallet-link a.link-moonp i{background-position:0 -72px;} .mod-mywallet .wallet-link a.link-binance i{background-image: url(../images/wallet/wallet_binance.avif);} /* history */ .mod-history{color:#000000;} .mod-history .green{color:#219000 !important; opacity:1 !important;} .mod-history .orange{color:#FFB100 !important; opacity:1 !important;} .mod-history .grey{color:#707070 !important; opacity:1 !important;} .mod-history .red{color:#FF2727 !important; opacity:1 !important;} .mod-history .blue{color:#00F5FF !important; opacity:1 !important;} .mod-history .history-header h1{margin-bottom:20px;} .mod-history .history-currency-wrap{display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;} .mod-history .history-currency{width:24%; font-size:16px; line-height:50px; color:#000000; background:#FFFFFF; border:1px solid #FFFFFF;} .mod-history .history-currency.current,.mod-history .history-currency:hover{color:#FFFFFF;} .mod-history .history-currency.current.mbtc,.mod-history .history-currency.mbtc:hover{background:#F77E0D; border-color:#F77E0D;} .mod-history .history-currency.current.usdt,.mod-history .history-currency.usdt:hover{background:#53AE94; border-color:#53AE94;} .mod-history .history-currency.current.eth,.mod-history .history-currency.eth:hover{background:#5D7AF2; border-color:#5D7AF2;} .mod-history .history-currency.current.ltc,.mod-history .history-currency.ltc:hover{background:#9c9c9c; border-color:#9c9c9c;} .mod-history .history-currency i{width:30px; height:30px; margin-right:15px; vertical-align:-10px; background-size:100%; border-radius:50%; display:inline-block;} .mod-history .history-noresult{padding:15% 0; text-align:center; display:none;} .mod-history .history-noresult i{width:55px; height:55px; margin:10px auto; background:url(../images/cross_black_icon.avif) no-repeat top / 100%; display:block;} .mod-history .history-noresult p{font-size:20px; color:#000000;} .mod-history .history-list li{padding:15px 10px; border-bottom:1px solid #DDDDDD; position:relative;} .mod-history .history-list li:hover{background:rgba(255,255,255,.3);} .mod-history .history-detail{font-size:14px; display:flex; justify-content:space-between; cursor:pointer;} .mod-history .history-detail span{color:#000000; opacity:.5; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .mod-history .history-detail span.token-generated.web{display: block;} .mod-history .history-detail span.token-generated.h5{display: none;} .mod-history .history-detail .left{text-align:left; width:65%;} .mod-history .history-detail .left p{color:#000000; line-height:14px; margin:5px 0; padding:4px 12px; background:#AED8EB; border-radius:25px; text-transform:uppercase; display:inline-block;} .mod-history .history-detail .right{text-align:right;} .mod-history .history-detail .right p{font-size:18px; font-weight:bold;} .mod-history .load-btn{width:48%; max-width:300px; margin:30px auto 0; line-height:50px; font-size:20px; font-weight:600; display:block;} .mod-history .custom-select{margin-bottom:30px;} .mod-history .custom-select .select-items{max-height:60vh; overflow:auto;} /* record */ .mod-record .history-select-wrap{display:flex; justify-content:space-between;} .mod-record .history-select{width:49%;} /* transaction */ .mod-transaction .history-header{display:flex; justify-content:space-between; border-bottom:1px solid #DDDDDD; margin-bottom:30px;} .mod-transaction .history-header a{font-size:20px; font-weight:600; line-height:1; padding:0 15px 15px;} .mod-transaction .history-header a.current{border-bottom:3px solid #E8883E;} .mod-transaction .history-detail{padding-top:25px; align-items:flex-end; cursor:default;} .mod-transaction .history-detail .left p{position:absolute; top:12px;} /* message */ .mod-message #memberMessage > div{position:relative;} .mod-message #memberMessage .msgcontainer{margin-bottom:15px; padding:20px 15px; font-size:15px; color:#000000; background-color:#FFFFFF; box-shadow:0px 3px 6px rgba(0,0,0,.3); border-radius:10px; position:relative; cursor:pointer;} .mod-message #memberMessage .msgheader{display:flex; justify-content:space-between; margin-bottom:10px; width:90%;} .mod-message #memberMessage .msgheader .title{font-size:18px; width:calc(100% - 120px); font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .mod-message #memberMessage .msgheader .time{color:rgba(0,0,0,0.5); font-size:12px; line-height:26px;} .mod-message #memberMessage .msgcontent{width:90%; height:45px; font-weight:600; overflow:hidden;} .mod-message #memberMessage .msgdelete{width:26px; height:26px; position:absolute; top:49px; right:28px; background:url(../images/trash_icon_light.avif) no-repeat top / 100%; border:none; cursor:pointer;} .mod-message #memberMessage .read .msgcontainer{color:#8D91A1; background-color:#FFFFFF;} .mod-message #memberMessagePagination{margin-top:30px; text-align:right;} .mod-message #memberMessagePagination span{width:30px; line-height:28px; margin-left:3px; color:#000000; background:#F0F0F0; border:1px solid #DDDDDD; border-radius:5px; text-align:center; display:inline-block; cursor:pointer;} .mod-message #memberMessagePagination span.current{color:#FFFFFF; background:#E8883E; border-color:#E8883E;} /* deposit */ #div_crypto > div:not(.crypto-header){width:100%; max-width:720px; margin: auto; display: block;} #div_crypto .crypto-option{margin-bottom:40px;} #div_crypto .crypto-option .select-selected{padding-left:55px; font-weight:600; background-position:left+15px top+8px; background-size:30px; background-repeat:no-repeat;} #div_crypto .crypto-option .select-items div{padding-left:40px; background-position:left top+8px; background-size:30px; background-repeat:no-repeat; text-align:left;} #div_crypto .crypto-type{margin-bottom:40px; text-align:center; clear:both;} #div_crypto .crypto-type > div{min-width:140px; line-height:50px; padding:0 20px; font-size:16px; margin:5px; font-weight:600; color:#585858; background:#BABABA; border:1px solid #BABABA; display:inline-block; position:relative; cursor:pointer; overflow:hidden;} #div_crypto .crypto-type .selected,#div_crypto .crypto-type > div:hover{color:#000000; background:#FFFFFF; border:1px solid #E8883E;} #div_crypto .crypto-type .selected:after{content:"\2713"; width:20px; height:20px; font-size:14px; line-height:24px; color:#FFFFFF; background:#E8883E; border-radius:0 7px; position:absolute; top:0; right:0;} #div_crypto .crypto-balance{text-align:center;} #div_crypto .crypto-balance p{font-size:20px;} #div_crypto .crypto-balance h1{font-size:34px; font-weight:600;} #div_crypto .crypto-wrap > img{width:220px; margin:40px auto; display:block;} #div_crypto .crypto-title{display:none;} #div_crypto .crypto-address{width:100%; padding:10px 70px 10px 15px; background:#FFFFFF; border:1px solid #FFFFFF; border-radius:10px; position:relative;} #div_crypto .crypto-address p{font-size:18px; font-weight:600; text-align: left;} #div_crypto .crypto-address span{color:#1B2242; font-size:18px; font-weight:normal; display:block;} #div_crypto .crypto-address button{color:#151936; font-size:15px; position:absolute; right:15px; top:60%; transform:translateY(-50%); background: linear-gradient(180deg, #FCB52A, #F68323); font-weight:600; text-transform:uppercase; border:none; border-radius: 10px; cursor:pointer; font-family:inherit; padding: 7px 15px;} #div_crypto .crypto-address button:before{display:none;} #div_crypto .crypto-minamt{font-size:14px; margin:15px auto 30px; text-align: left;} #div_crypto .qr-rate-wrap{display: inline-flex; align-items: center;} #div_crypto .qr-rate-wrap em{color:#000000; display:block; margin-left: 50px; text-align: left;font-size: 20px;} #div_crypto .crypto-purchase {background: #ffffff; margin: 15px 0 0; text-align: left; padding: 10px 15px 5px; position: relative;} /* #div_crypto .crypto-purchase:last-of-type{margin-top: 0px;} */ #div_crypto .crypto-purchase i {background: url(../images/deposit_moonpay_light.avif) no-repeat center / 100%; width: 15%; height: 30px; display: block;} #div_crypto .crypto-purchase i.binance-img {background-image: url(../images/deposit_binance_light.avif);} #div_crypto .crypto-purchase i.coinbase-img {background-image: url(../images/deposit_coinbase_light.avif);} #div_crypto .crypto-purchase p {color: #000000; font-size: 20px;} #div_crypto .crypto-purchase p:last-of-type{opacity: 0.4; font-size: 16px;} #div_crypto .crypto-purchase a{background: transparent; border: #E8883E 1px solid; color: #E8883E; font-family:inherit; font-size: 20px; padding: 5px 15px; border-radius: 10px; text-transform: uppercase; margin: 10px auto; display: inline-block;} #div_crypto .crypto-purchase .tutorial {text-transform: capitalize; font-size: 16px; border: none; position: absolute; top: 0; right: 0; } /* withdraw */ #withdraw_form .mod-forms{max-width:720px; margin: auto; margin-top:20px; width: 100%; position: relative; left: 0%; right: 0%; display: block;} #withdraw_form .mod-forms li{display:flex; align-items:center; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #DDDDDD; position:relative;} #withdraw_form .mod-forms li:last-child{margin-bottom:0;} #withdraw_form .mod-forms label{width:30%; min-width:200px; margin-right:15px; font-size:16px; font-weight:600; text-align:left; position:relative;} #withdraw_form .mod-forms label:after{content:""; width:.5px; height:20px; background:#DDDDDD; position:absolute; right:0; top:50%; transform:translateY(-50%);} #withdraw_form .mod-forms .item-ipt{overflow:visible; flex-grow:1;} #withdraw_form .mod-forms .txt-ipt{width:100%; font-size:16px; color:#000000; padding:0; background:none; outline:none; border:none;} #withdraw_form .mod-forms span.error-tips{font-size:12px; line-height:1 !important; padding:4px 0 4px 24px; position:absolute; left:-4px; top:42px; line-height:20px;} #withdraw_form .mod-forms span.valid-tips{display:none !important;} #withdraw_form .mod-forms .crypto-custom{border-bottom:none; display:block;} #withdraw_form .mod-forms .crypto-custom p{font-size:18px; margin-bottom:5px;} #withdraw_form .mod-forms .crypto-custom .item-ipt{width:100%; margin-bottom:40px;} #withdraw_form .mod-forms .crypto-custom .select-selected{padding-left:55px; font-weight:600; background-position:left+15px top+8px; background-size:30px; background-repeat:no-repeat;} #withdraw_form .mod-forms .crypto-custom .select-items div{padding-left:40px; background-position:left top+8px; background-size:30px; background-repeat:no-repeat; text-align:left;} #withdraw_form .mod-forms .crypto-type{margin-bottom:40px; text-align:center; clear:both;} #withdraw_form .mod-forms .crypto-type > div{min-width:140px; line-height:50px; padding:0 20px; font-size:16px; margin:5px; font-weight:600; color:#585858; background:#BABABA; border:1px solid #BABABA; display:inline-block; position:relative; cursor:pointer; overflow:hidden;} #withdraw_form .mod-forms .crypto-type .selected,#withdraw_form .mod-forms .crypto-type > div:hover{color:#000000; background:#FFFFFF; border:1px solid #E8883E;} #withdraw_form .mod-forms .crypto-type .selected:after{content:"\2713"; width:20px; height:20px; font-size:14px; line-height:24px; color:#FFFFFF; background:#E8883E; border-radius:0 7px; position:absolute; top:0; right:0;} #withdraw_form .mod-forms .crypto-balance{text-align:center;} #withdraw_form .mod-forms .crypto-balance p{font-size:20px;} #withdraw_form .mod-forms .crypto-balance h1{font-size:34px; font-weight:600;} #withdraw_form .mod-forms-btn{max-width:720px; margin: auto; margin-top:50px; width: 100%; position: relative; left: 0%; right: 0%; display: block;} #withdraw_form .mod-forms-btn a{font-size:20px; line-height:50px; font-weight:bold; display:block;} #withdraw_form .mod-forms-hint{max-width:720px; margin-top:20px; font-size:14px; text-align:center;} #withdraw_form .mod-forms li:last-child{display: block;} #withdraw_form .mod-forms li:last-child .item-ipt{ display: inline-flex; width: 65%; float: inherit;} #withdraw_form .mod-forms .newSavedAddress{ display: inline-block; width: 15%; margin-top: 15px ;} #withdraw_form .mod-forms .crypto-address-dropdown .savedaddress{max-width: 85% ; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} /* transfer */ .mod-transfer .layout{/* max-width:1000px; */max-width:unset;} .mod-transfer .layout div > h1{margin-bottom:30px;} .mod-transfer .transfer-quick{margin-bottom:40px;} .mod-transfer .transfer-quick ul{width:102%; margin:-10px -1% 0;} .mod-transfer .transfer-quick li{float:left; width:23%; margin:1%; padding:12px; font-size:16px; line-height:1; background:#FFFFFF; border:1px #FFFFFF solid; border-radius:10px; position:relative; overflow:hidden;} .mod-transfer .transfer-quick li p{display:flex; align-items:center; max-height:25px; margin-bottom:10px; padding-right:25px;} .mod-transfer .transfer-quick li i{min-width:25px; height:25px; margin-right:5px; border-radius:5px; background:url(../images/wallet/transfer_type_icon.avif?2) no-repeat top center/25px;} .mod-transfer .transfer-quick li span{margin-top:4px;} .mod-transfer .transfer-quick li a{width:20px; height:18px; position:absolute; right:12px; top:15px; background:url(../images/wallet/transfer_in_icon.avif?1) 0 -18px/20px;} .mod-transfer .transfer-quick li a.disabled{background-position:0 -36px; pointer-events:none;} .mod-transfer .transfer-wallet{margin-bottom:50px;} .mod-transfer .transfer-select{width:100%; font-size:16px; flex-grow:1; position:relative;} .mod-transfer .transfer-display{font-size:16px; color:#000000; padding-right:50px; display:flex; justify-content:space-between; align-items:center; cursor:pointer;} .mod-transfer .transfer-display:after{content:""; width:0; height:0; position:absolute; right:15px; top:50%; transform:translateY(-50%); border-style:solid; border-width:8px 5px 0 5px; border-color:#000000 transparent transparent transparent;} .mod-transfer .transfer-option{width:calc(100% + 15px); height:25vh; padding:30px 45px 0; background:#FFFFFF; box-shadow:0px 8px 12px rgba(0,0,0,.8); position:absolute; top:35px; left:-15px; z-index:11; border-radius:0 0 15px 15px; text-align:center; overflow:auto; display:none;} .mod-transfer .transfer-option li{display:flex; justify-content:space-between; align-items:center; height:35px; padding:0 25px 10px; margin-bottom:15px; border-bottom:1px solid #DDDDDD; text-align:left; cursor:pointer;} .mod-transfer .transfer-option li:last-child{border-bottom:none;} .mod-transfer .transfer-option li:hover{color:#F68323;} .mod-transfer .transfer-option li span:first-child{font-weight:600;} .mod-transfer .transfer-currency{font-size:16px; color:#000000; position:absolute; right:15px; top:50%; transform:translateY(-50%);} .mod-transfer .mod-forms-btn{margin-top:50px;} .mod-transfer .mod-forms-btn a{font-size:20px; line-height:50px; font-weight:bold; display:block;} .mod-transfer .active .transfer-option{display:block;} .mod-transfer .active .transfer-display:after{border-width:0 5px 8px 5px; border-color:transparent transparent #000000 transparent;} /* help */ .mod-help .title{margin-bottom:20px;} .mod-help .help-content{color:#000000; font-size:14px;} .mod-help .faq-category{padding:20px 30px; background:#FFFFFF; box-shadow:0px 3px 10px rgba(0,0,0,.3); border-radius:10px;} .mod-help .faq-category li{font-size:18px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #DDDDDD; position:relative; display:block; cursor:pointer;} .mod-help .faq-category li:last-child{margin-bottom:0;} .mod-help .faq-category li:after{content:""; width:5px; height:5px; border:solid; border-width:0 1px 1px 0; transform:rotate(-45deg); position:absolute; right:5px; top:10px;} .mod-help .faq-category li i{width:24px; height:24px; margin-right:10px; vertical-align:-6px; background:url(../images/help/faq_icon_light.avif) no-repeat top / 24px; display:inline-block;} .mod-help .faq-category li[category="account"] i{background-position:0 0;} .mod-help .faq-category li[category="wallet"] i{background-position:0 -24px;} .mod-help .faq-category li[category="support"] i{background-position:0 -48px;} .mod-help .faq-category li[category="promotion"] i{background-position:0 -72px;} .mod-help .faq-category li[category="vip"] i{background-position:0 -96px;} .mod-help .faq-category li[category="dividend"] i{background-position:0 -120px;} .mod-help .faq-content{width:100%; height:calc(100% - 100px); color:#000000; background:#F0F0F0; position:fixed; top:-100%; left:0; z-index:1; transition:top .3s; overflow:hidden;} .mod-help .faq-content.active{top:100px;} .mod-help .faq-title{background:#151515; position:relative; text-align:center;} .mod-help .faq-title h1{color:#FFFFFF; line-height:50px; font-weight:600; text-align: left; padding: 0 45px;} .mod-help .faq-title .back-btn{border-color:#E8883E;} .mod-help .faq-accordion{width:100%; height:calc(100% - 50px); padding:40px 60px; overflow:auto; display:none;} .mod-help .faq-accordion li{width:100%; margin-bottom:25px; padding:25px 30px 25px 20px; background:#FFFFFF; box-shadow:0px 3px 10px rgba(0,0,0,.3); border-radius:10px; cursor:pointer; position:relative;} .mod-help .faq-accordion li h4{font-size:18px; line-height:1.2; font-weight:600; position:relative;} .mod-help .faq-accordion li h4:after{content:""; width:5px; height:5px; position:absolute; top:50%; right:-15px; transform:translateY(-50%) rotate(45deg); border-style:solid; border-width:0 1px 1px 0;} .mod-help .faq-accordion li.active h4:after{transform:rotate(-135deg); transform-origin:top;} .mod-help .faq-answer{font-size:14px; padding-top:20px; overflow:hidden; display:none;} .mod-help .help-content .title-rules-clause {font: bold 18px/1 'Microsoft YaHei'; margin: 15px 0;} .mod-help .help-content h3 {font:bold 18px/1 'Microsoft YaHei'; padding-bottom: 10px;} .mod-help .help-content .child {padding-left: 35px;} .mod-help .help-content .child li {list-style: decimal; padding-bottom: 15px;} .mod-help .help-content .child ul li {list-style: none;} /* dividend */ .mod-dividend .dividend-content{max-width:720px; margin: auto;} .mod-dividend .dividend-banner{width:100%; padding-bottom:36.5%; margin-bottom:20px; background:url(../images/dividend/dividend_banner.avif) no-repeat top / 100%;} .mod-dividend .dividend-banner.en{background-image: url(../images/dividend/btc365-dividend-pool.avif);} .mod-dividend .dividend-banner.cn{background-image: url(../images/dividend/btc365-dividend-pool-cn.avif);} .mod-dividend .dividend-container{display:flex; justify-content:space-between;} .mod-dividend .dividend-container h1{width:100%; line-height:60px; background:#FFFFFF; border-radius:10px 10px 0px 0px; font-weight:600; text-align:center;} .mod-dividend .dividend-container > div {width:49%;} .mod-dividend .dividend-container > div ul{padding:20px 35px; background:linear-gradient(135deg, #101010 0%, #373D41 100%);} .mod-dividend .dividend-container > div li{margin-bottom:30px; display:flex;} .mod-dividend .dividend-container > div li i{min-width:40px; height:40px; margin-right:25px; /*background-color:#151936;*/ background-size:40px; /*border-radius:50%;*/ display:block;} .mod-dividend .dividend-container > div li p{color:#FFFFFF; font-size:20px; font-weight:600; line-height:1.2;} .mod-dividend .dividend-container > div li em{color:#F68323; margin-left:5px;} .mod-dividend .dividend-container > div li span{color:#FFFFFF; font-size:20px; font-weight:550; display:block;} .mod-dividend .dividend-container > div li span:last-of-type{color:#999999; font-size:14px;font-weight:normal; } .mod-dividend .dividend-container > div > div{width:90%; height:50px; margin:-25px auto 0; border-radius:10px; box-shadow:0px 3px 10px rgba(0,0,0,.3); overflow:hidden;} .mod-dividend .dividend-distribute{background:#FFFFFF; padding:0 10px; display:flex; flex-direction:column; justify-content:center;} .mod-dividend .dividend-distribute p{font-size:16px; white-space: nowrap; text-align: center;} .mod-dividend .dividend-distribute em{color:#E8883E; margin-left:5px; font-size:14px; font-weight:bold;} .mod-dividend .dividend-progress{width:100%; height:5px; background:rgba(18,21,46,.15); border-radius:5px;} .mod-dividend .dividend-progress i{height:5px; background:linear-gradient(180deg, #FCB52A 0%, #F68323 100%); border-radius:5px; display:inline-block; transition:width .3s;} .mod-dividend .dividend-withdraw{line-height:50px; font-size:20px; font-weight:bold; text-align:center; cursor:pointer;} .mod-dividend .dividend-info li{width:100%; margin-top:25px; padding:15px; background:#FFFFFF; border:1px solid #FFFFFF; border-radius:10px;} .mod-dividend .dividend-info li h3{color:#000000; font-weight:600; font-size: 20px;} .mod-dividend .dividend-info li p{line-height:1.4; color:#000000; opacity:.7; margin-top:5px;} /* vipinfo */ .mod-vipinfo{min-height:100vh; background-color: #F0F0F0;} .mod-vipinfo.logined{background-position:left 150px top 100px;} .mod-extra-nav{background: #FFFFFF; text-align: center; color: #000000; font-size: 14px; font-weight: bold; width: 100%; display: inline-flex; align-items: center;padding: 5px 0;} .mod-extra-nav p{width: 85%; font-size: 20px; text-align: left;} .mod-extra-nav a {width: 5%; padding-left: 10px;} .mod-extra-nav a .back-button{width: 15px; background: url(../images/gp/platformHome/back_icon_black.avif) no-repeat left center / 18px; height: 30px;} .mod-vipinfo .function-page{max-width:1080px; margin:0 auto;} .mod-vipinfo .vipinfo-gradient{color:#000000; background:radial-gradient(ellipse at 0% 0%, #E89807 0%, #FEF47A 50%, #E89807 100%);} .mod-vipinfo .column-right{float: right; width: 50%;} .mod-vipinfo .vipinfo-title{color:#FFFFFF; font-size:44px; line-height:1.3; font-weight:600; text-align:center; } .mod-vipinfo .vipinfo-img{display: block; width: 45%; float: left;} .mod-vipinfo .vipinfo-img.h5{display: none;} .mod-vipinfo .vipinfo-img em{color:#CFB033; display:block;} .mod-vipinfo .vipinfo-title .vip-title{background:url(../images/vip/vipinfo_title_light.avif) no-repeat top / 100%; width: 100%; height: fit-content;min-height: 150px;background-size: 100%;} .mod-vipinfo .vipinfo-title .vip-title.cn{background-image:url(../images/vip/vipinfo_title_cn_light.avif);} .mod-vipinfo .vipinfo-title img, .mod-vipinfo .vipinfo-img img{max-width:100%;} .mod-vipinfo .vipinfo-benefit{margin:20px auto 70px;} .mod-vipinfo .vipinfo-benefit .vip-pri, .mod-vipinfo .vipinfo-table .vip-pri {font-family:'DinAlternate', sans-serif; font-size: 24px; color: #000000; text-align: center; text-transform: uppercase; font-weight: bold; padding-bottom: 20px;} .mod-vipinfo .vipinfo-benefit ul{display:flex; justify-content:space-between; flex-direction: column; width: 100%;} .mod-vipinfo .vipinfo-benefit li{width:100%; margin-bottom:2%; background:#464444; color: #F8D9AD; border:2px solid #FFFFFF1A; border-radius:10px; font-size: 12px; text-align:left; overflow:hidden; box-shadow: #0000001A 0px 2px 4px; display: inline-flex; align-items: center;} .mod-vipinfo .vipinfo-benefit li i{width:100px; height:100px; margin-right:5px; background: url(../images/vip/rewards.avif) no-repeat top center / 100px; display:inline-block;} .mod-vipinfo .vipinfo-benefit li:nth-child(2) i{background-image:url(../images/vip/exclusive.avif);} .mod-vipinfo .vipinfo-benefit li:nth-child(3) i{background-image:url(../images/vip/mining.avif);} .mod-vipinfo .vipinfo-benefit li .info-wrap{ width: 80%; padding:5px 15px 20px;} .mod-vipinfo .vipinfo-benefit li h2{line-height:60px; font-size:20px; font-weight:bold; letter-spacing:-1px; color: #F8D9AD;} .mod-vipinfo .vipinfo-benefit li:last-of-type h2 {line-height: 28px; padding: 15px 0; } .mod-vipinfo .vipinfo-benefit li span{font-size:16px; line-height:1.2; /*text-transform:capitalize;*/ display:block;} .mod-vipinfo .vipinfo-benefit > a{width:100%; max-width:500px; line-height:50px; margin:0 auto; font-size:16px; font-weight:600; /*text-transform:uppercase;*/ display:block;} .mod-vipinfo .vipinfo-work{margin-bottom:50px;} .mod-vipinfo .vipinfo-work h1{font-family:'DinAlternate'; color:#000000; font-size:24px; font-weight:600; margin-bottom:15px; text-align:center;} .mod-vipinfo .vipinfo-work ul{display:flex; justify-content:space-between;} .mod-vipinfo .vipinfo-work li{ background: url(../images/vip/vipinfo_how.avif) no-repeat center center / 100%; width:32%; min-height:200px; padding:15px 15px 15px 10px; border-radius:10px; overflow:hidden; display: inline-flex; align-items: center;} .mod-vipinfo .vipinfo-work li:first-of-type{padding: 15px;} /* .mod-vipinfo .vipinfo-work li i{float:right; width:75px; height:75px; background:no-repeat top center / 75px;} .mod-vipinfo .vipinfo-work li:nth-child(1) i{background-position:0 -225px;} .mod-vipinfo .vipinfo-work li:nth-child(2) i{background-position:0 -300px;} .mod-vipinfo .vipinfo-work li:nth-child(3) i{background-position:0 -375px;} */ .mod-vipinfo .vipinfo-work li h2{ font-family:'DinAlternate';font-size:40px; font-weight:bold; line-height:75px; width: 15%;text-align: center;} .mod-vipinfo .vipinfo-work li .info-wrap { width: 85%; padding: 10px; text-align: center;} .mod-vipinfo .vipinfo-work li p{ font-family:'DinAlternate'; font-size: 15px; font-weight:bold; line-height:1.2;} .mod-vipinfo .vipinfo-work li:first-of-type p {font-size: 20px;} .mod-vipinfo .vipinfo-work li span{font-size:12px; line-height:1.4;} .mod-vipinfo .vipinfo-work li i{background-image:url(../images/vip/vipinfo_icon.avif);} .mod-vipinfo .vipinfo-table{width:100%; margin-bottom:100px; overflow:hidden;} .mod-vipinfo .vipinfo-table .table-scroll{width:100%; overflow-x:auto; border: 1px solid #EDDDB2; border-radius: 10px;} .mod-vipinfo .vipinfo-table table{width:100%; color:#000000; background:#FFFFFF; table-layout:fixed; text-align:center;} .mod-vipinfo .vipinfo-table td{height:60px; padding:10px 2px; font-size:14px; border:1px solid #EDDDB2;} .mod-vipinfo .vipinfo-table tr:first-of-type td:first-of-type{border-radius: 10px 0 0 0;} .mod-vipinfo .vipinfo-table tr:first-of-type td:last-of-type{border-radius: 0 10px 0 0;} .mod-vipinfo .vipinfo-table tr:last-of-type td:first-of-type{border-radius: 0 0 0 10px;} .mod-vipinfo .vipinfo-table tr:last-of-type td:last-of-type{border-radius: 0 0 10px 0;} .mod-vipinfo .vipinfo-table .table-header td{color:#000000; font-weight: bold; /*background:linear-gradient(115deg, #FEF47A 0%, #E89807 100%);*/} .mod-vipinfo .vipinfo-tnc{/*background:#FFFFFF; border:1px solid #E89807; */border-radius:10px; overflow:hidden;} .mod-vipinfo .vipinfo-tnc h1{font-family:'DinAlternate'; font-size:30px; line-height:70px; color:#000000; font-weight:600; text-align:center; text-transform: uppercase;} .mod-vipinfo .vipinfo-tnc .tnc-content{padding:25px 70px;} .mod-vipinfo .vipinfo-tnc .tnc-content p{margin-bottom:20px;} /* Lootbox */ .mod-lootbox{ background: url(../images/lootbox/lootbox_bg.avif) no-repeat top center / 100%; width: 100%; background-color: #F0F0F0; /*background-position:left 150px top 100px;*/ color: #FFFFFF; padding: 30px 50px; min-width: 1200px; overflow-x: scroll; overflow-y: hidden; font-family: "HuXiaoBoNanShen", sans-serif; font-size: 18px;} .mod-lootbox .first-row{display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-start; position: relative; z-index: 110;} .mod-lootbox .first-row.web{display: inline-flex;} .mod-lootbox .first-row.h5{display: none;} .mod-lootbox .first-row .first-col{ width: 25%;} .mod-lootbox .first-row .first-col .crypto-selection-wrap{ width: 100%; display: flex; align-items: center;} .mod-lootbox .first-row .first-col .crypto-selection-wrap span{ font-size: 18px; white-space: nowrap; text-align: right; width: 85px} .mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection{ display: flex; width: 60%; justify-content: space-around; margin: 0 15px; position: relative;} .mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection a{width: 40px; height: 40px; background-size: contain; } .mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection a.selected{background: url(../images/lootbox/currency_active.avif) no-repeat center / 40px; } .mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection a:hover{background: url(../images/lootbox/currency_hover.avif) no-repeat center / 40px; } .mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection a img{position: relative; padding: 0 10px; width: 40px; height: auto; top: 5px;} .mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection a.usdt img{top: 12px;} .mod-lootbox .first-row .first-col .crypto-selection-wrap .crypto-selection p.selected-lb-type{ background: url(../images/lootbox/lb_type_bg.avif) no-repeat center / 100%; background-size: contain; width: 188px; height: 40px; text-align: center; padding: 10px 0; margin-bottom: 10px; cursor: pointer;} .mod-lootbox .first-row .first-col .crypto-selection-wrap .type-desc{text-align: center; font-size: 12px; margin-left: 108px;} .mod-lootbox .first-row .first-col .lb-selection{font-size: 14px; position: absolute; top: 40px; left: 107px; border: #FFFFFF20 solid 1px; min-width: 160px; width: fit-content; display: none;} /* .mod-lootbox .first-row .first-col .en .lb-selection{ left: 107px; } */ .mod-lootbox .first-row .first-col .lb-selection.show{display: block; z-index: 100;} .mod-lootbox .first-row .first-col .lb-selection ul{background-color:#000;} .mod-lootbox .first-row .first-col .lb-selection li{padding: 10px; cursor: pointer;} .mod-lootbox .first-row .first-col .lb-selection li:hover{background: url(../images/lootbox/lb_type_bg.avif) no-repeat center / 100%; background-size: contain; min-width: 160px; height: 40px;} .mod-lootbox .first-row .second-col{ width: 50%; text-align: center; flex-grow: wrap;} .mod-lootbox .first-row .second-col.en > img{width: 450px;} .mod-lootbox .first-row .second-col.cn > img{width: 312px;} .mod-lootbox .first-row .second-col .flex-wrap{display: flex;} .mod-lootbox .first-row .second-col .pool-text{margin: 15px auto; background: url(../images/lootbox/pool_text_bg.avif) no-repeat center / 100%; background-size: cover; width: 459px; height: 41px; padding-top: 10px;} .mod-lootbox .first-row .second-col.en .pool-text{width: 390px; height: 34.5px; padding-top: 7px;} .mod-lootbox .first-row .third-col{width: 25%; display: flex; justify-content: space-between; padding-top: 20px; } .mod-lootbox .first-row .third-col.cn{width: 20%; justify-content: space-around;} .mod-lootbox .first-row .third-col.en a{background: url(../images/lootbox/wide_selected.avif) no-repeat center / 100%; background-size: contain; width: 116px; height: 48px;} .mod-lootbox .first-row .third-col.en a img{position: relative; padding: 0 10px; width: 110px; height: auto; top: 0px; left: 3px;} .mod-lootbox .first-row .third-col.en a:first-of-type img{top: 12px;} .mod-lootbox .first-row .third-col.cn a{background: url(../images/lootbox/currency_hover.avif) no-repeat center / 100%; background-size: contain; width: 52px; height: 52px;} .mod-lootbox .first-row .third-col.cn a img{width: 40px; height: auto; position: relative; left: 5px; top: 5px;} .mod-lootbox .open_lb_wrap {align-items: center; margin-top: 45px;} .mod-lootbox .open_lb_wrap .first-col{display: flex; width: 40%;justify-content: space-evenly;} .mod-lootbox .open_lb_wrap .first-col a{width: 96px; height: 145px; text-align: center; position: relative;} .mod-lootbox .open_lb_wrap .first-col a:hover{background: url(../images/lootbox/selected_bg.avif) no-repeat center / 100%; background-size: contain;} .mod-lootbox .open_lb_wrap .first-col a img {width: 70%; margin: 10px;} .mod-lootbox .open_lb_wrap .first-col.en a img {width: 60%} .mod-lootbox .open_lb_wrap .first-col a .draw-box-name, .mod-lootbox .open_lb_wrap .first-col a p{color:#fff; text-shadow:1px 1px 10px #0551ff, 1px 1px 10px #0551ff; font-size:12px;} .mod-lootbox .open_lb_wrap .first-col a .daterange{ font-size: 7px; font-family: Poppins, Arial, Helvetica, sans-serif; background: #202031; padding: 5px; position: absolute; top: -25%; text-align: center; margin: auto; width: 90%;} .mod-lootbox .open_lb_wrap .second-col{width: 20%; } .mod-lootbox .open_lb_wrap .third-col{width: 40%; } .mod-lootbox .chest-box-container{ width: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 100;} .mod-lootbox .lootbox-popup{position: fixed; align-items: center; width: 100%; height: 100%; left: 0; top: 0; justify-content: center; margin: auto; display: none;} .mod-lootbox .lootbox-popup.show{display: flex; z-index: 1000;} .mod-lootbox .lootbox-popup .popup-overlay, .lb-selection .popup-overlay{background-color: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed;} .mod-lootbox .lootbox-popup .lootbox-content{background: url(../images/lootbox/popup_bg.avif) no-repeat center / 100%; background-size: contain; width: 773px; height: 455px; text-align: justify; font-size: 16px; overflow: scroll; position: relative; z-index: 1002;} .mod-lootbox .lootbox-popup .lootbox-content .popup-header{display: flex;width: 100%; padding: 10px; position: relative;} .mod-lootbox .lootbox-popup .lootbox-content .popup-header h3{width: 100%; text-align: center; padding: 30px; font-size: 18px; position: relative;} .mod-lootbox .lootbox-popup .lootbox-content .popup-header h3:before{content: ""; position: absolute; background: #FFFFFF; left: 36%; top: 50%; width: 15px; height: 1px; } .mod-lootbox .lootbox-popup .lootbox-content .popup-header h3:after{content: ""; position: absolute;background: #FFFFFF; right: 36%; top: 50%; width: 15px; height: 1px;} .mod-lootbox .lootbox-popup .lootbox-content .popup-header img{position: absolute; right: 3%; width: 20px; height: auto; top: 20%; cursor: pointer; z-index: 1005;} .mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content .popup-header img{right: 4%; top: 50%;} .mod-lootbox .lootbox-popup .lootbox-content .popup-content{padding: 0 50px 30px;} .mod-lootbox .lootbox-popup .lootbox-content .popup-content p {padding-bottom: 15px; font-weight: 400; font-size: 14px;} .mod-lootbox .lootbox-popup .lootbox-content .popup-content p:last-of-type{padding-bottom: 0;} .mod-lootbox .lootbox-popup .lootbox-content .popup-content table {width: 100%; margin: auto; font-family: Poppins, Arial, Helvetica, sans-serif;font-weight: 400; text-align: center; background: transparent;} .mod-lootbox .lootbox-popup .lootbox-content .popup-content table thead th{background: #292937;} .mod-lootbox .lootbox-popup .lootbox-content .popup-content tr th{width: 20%; padding: 10px;border-bottom: transparent solid 2px; background: #1c1c27; font-weight: 400; font-size: 14px;} .mod-lootbox .lootbox-popup .lootbox-content .popup-content tr th:first-of-type{width: 40%;} .mod-lootbox .lootbox-popup .load-btn { width: 48%; max-width: 300px; line-height: 50px; font-size: 20px; font-weight: 600; margin-left: 38%; padding: 10px 30px; white-space: nowrap; position: relative;} .mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content{width: 400px; height: 235px; overflow: hidden;} .mod-lootbox .lootbox-popup.purchase-lb-msg .lootbox-content .popup-content{ margin: 13%; text-align: left;} .mod-lootbox .lootbox-popup .popup-footer { padding: 0 50px 30px; } /* Lootbox Carousel */ .mod-lootbox .insights { height: 24vw; padding: 2vw 0; width: 100%; overflow: hidden; } .mod-lootbox .insights__list { position: relative; top: 6vh; list-style-type: none; margin: 0; padding: 0; height: 18vw; width: calc(7 * 40vw + 56vw + 16 * 6vw); display: flex; align-items: center; } .mod-lootbox .insights__list__item { width: 20vw; height: 40%; margin: 0vw 1vw 0; float: left; border-radius: 2em; display: none; align-items: center; justify-content: center; opacity: 1; transition: opacity 0.3s ease-out; color: #000000; } .mod-lootbox .insights__list__item:first-child, .mod-lootbox .insights__list__item:nth-child(2),.mod-lootbox .insights__list__item:nth-child(3),.mod-lootbox .insights__list__item:nth-child(4),.mod-lootbox .insights__list__item:nth-child(5){display:flex;} .mod-lootbox .insights__list__item .image{ position: relative; } .mod-lootbox .insights__list__item.active .image{ top: 15% } .mod-lootbox .insights__list__item.active { width: 25vw; } .mod-lootbox .insights__list__item img { width: 120px; height: auto; } .mod-lootbox .insights__list__item.active img { width: 200px; height: auto; } .mod-lootbox .insights__list__item p { text-align: center; color: #FFFFFF; padding-top: 15px; } .mod-lootbox .insights__list__item.active p { padding-top: 5px; } .mod-lootbox .insights__list__item .box-name { } .mod-lootbox .insights__list__item .box-amount { } .mod-lootbox .insights__list__item .daterange{ font-size: 9px; padding: 5px; position: absolute; top: -8%; text-align: center; margin: auto; width: 90%; max-width:200px; white-space: nowrap;} .mod-lootbox .insights__list__item.active .daterange{top: -16%; width: 100%; left: 0%;} .mod-lootbox .insights__list__item .box-timer p {font-size: 10px; text-align: center; font-weight: normal;} .mod-lootbox #arrowLeft, .mod-lootbox #arrowRight {width: 10vw; height: 12vh; position: absolute; top: 50vh; cursor: pointer; top: 50%; border-color: #ffffff; } .mod-lootbox #arrowLeft { left: -6%; } .mod-lootbox #arrowLeft .back-btn, .mod-lootbox #arrowRight .back-btn { top: 30%; border-color: #ffffff; } .mod-lootbox #arrowLeft .back-btn { left: 65%; } .mod-lootbox #arrowRight { right: -6%; } .mod-lootbox #arrowRight .back-btn { left: 25%; transform: rotate(135deg); } .mod-lootbox #box-section .redeemable, .mod-lootbox #box-section-h5 .redeemable { cursor:pointer; } /* conversion rate */ .conversion-popup .popup-wrap h1{font-weight: normal; text-align: left; padding-left: 10px;} .conversion-popup .popup-wrap h1:before{content: ""; position: absolute; left: 20px; background: #FBB429; width: 4px; height: 20px; margin: 4px 0 0 0;} .conversion-popup .popup-wrap .popup-content > p {font-size: 14px;} .conversion-popup .popup-wrap .popup-content > p span{font-weight: bold;} .conversion-popup .popup-wrap .popup-content .btn-wrap{display: inline-flex; width: 100%; justify-content: space-around; margin: 30px 0;} .conversion-popup .popup-wrap .popup-content .btn-wrap a{font-size: 14px; border-radius: 10px; width: 45%; padding: 10px 0;} .conversion-popup .popup-wrap .popup-content .btn-wrap a:nth-of-type(1){background: #e1e1e1;} .conversion-popup .popup-wrap .popup-content .btn-wrap a:nth-of-type(2){} .conversion-popup .popup-wrap .popup-content .display-setting{display: inline-flex; width: 100%; align-items: flex-start; justify-content: center;} .conversion-popup .popup-wrap .popup-content .display-setting p{font-size: 12px; padding-left: 10px;} .conversion-popup .popup-wrap .popup-content .display-setting input[type="checkbox"]:before {position: relative; display: block; width: 10px; height: 10px; content: ""; } .conversion-popup .popup-wrap .popup-content .display-setting input[type="checkbox"]:after {position: relative; display: block; left: -5px; top: -15px; width: 10px; height: 10px; border: #e1e1e1 solid 5px; border-radius: 5px; content: ""; background: #FFFFFF; background-repeat: no-repeat; background-position: center;} .conversion-popup .popup-wrap .popup-content .display-setting input[type="checkbox"]:checked:after{background: #fbb429;} /* conversion rate end */ /* Christmas Event */ .mod-christmas{background: url(../images/christmasEvent/christmas_bg_en.avif) no-repeat top center / 100%; width: 100%; min-width: 1200px; position: relative;} .mod-christmas.cn{background-image: url(../images/christmasEvent/christmas_bg_cn.avif);} .mod-christmas .flex-row{display: inline-flex; width: 100%;height: 50%; position:relative;} .mod-christmas .flex-row .left-col{width: 50%; position: relative;} .mod-christmas .flex-row .left-col .pool-text{text-align: left; padding: 15px; position: relative; top: 10px; } /*.mod-christmas .flex-row .left-col .wheel-fortune{background: url(../images/christmasEvent/wheel_en.avif) no-repeat bottom 5% right 20%/ 60%; width: 100%; height: 100%; justify-content: center; display: flex;}*/ .mod-christmas .flex-row .left-col .wheel-fortune{width: 62%; height: auto; position: relative; left: 33%; top: 42%; transform: rotate( 30deg);} /*.mod-christmas .flex-row .left-col .wheel-fortune.cn{background-image: url(../images/christmasEvent/wheel_cn.avif);}*/ .mod-christmas .flex-row .left-col .wheel-fortune.rotating{animation: wheelRotation 3.5s infinite linear;} .mod-christmas .flex-row .left-col .wheel-fortune.paused{animation-play-state: paused;} .mod-christmas .flex-row .left-col .overlay_bg{background: url(../images/christmasEvent/overlay_bg_en.avif) no-repeat top center / 100%; height: 105%; width: 85%; position: absolute; right: 0%; top: 25%;} .mod-christmas.cn .flex-row .left-col .overlay_bg{background-image: url(../images/christmasEvent/overlay_bg.avif);} .mod-christmas .flex-row .left-col .spinner{background: url(../images/christmasEvent/start_en.avif) no-repeat top center / 100%; width: 18%; height: 27%; position: absolute; z-index: 5; top: 73%; left: 55%;} .mod-christmas .flex-row .left-col .spinner.cn{background-image: url(../images/christmasEvent/start_cn.avif);} .mod-christmas .flex-row .left-col .star{ position: absolute; top: 50%; right: -3%; width: 16%; height: auto;} .mod-christmas .flex-row .left-col .star-h5{display: none;} .mod-christmas .flex-row .left-col .h5-board{display: none;} .mod-christmas .flex-row .left-col .h5-record-section ul{display: none;} .mod-christmas .flex-row .left-col .h5-record-section ul span{color: blue;} .mod-christmas .flex-row .right-col{width: 50%; position: relative;} .mod-christmas .flex-row .right-col .star{ position: absolute; left: 0%; top: 56%; width: 16%; height: auto;} .mod-christmas .flex-row .right-col ul{ position: absolute; top: 68%; width: 39%; left: 21%; max-height: 11vh; overflow-y: auto;} .mod-christmas .flex-row .right-col ul span{color: #0000ff;} @keyframes wheelRotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .christmas-popup .popup-overlay{} .christmas-popup.reward-popup, .christmas-popup.intro-popup, .christmas-popup.spinning-popup{display: none; justify-content: center; position: fixed; z-index: 9; top: 12%; left: 10%; right: 0; margin: auto; width: 100%; background: rgba(0,0,0, 0.6);} .christmas-popup.reward-popup.show, .christmas-popup.intro-popup.show, .christmas-popup.spinning-popup.show{display: block;} .christmas-popup.intro-popup .christmas-content .close-button{position: absolute; top: 15%; left: 75%; z-index: 15; width: 3%;} .christmas-popup.intro-popup .christmas-content .tnc-image{width: 40%; position: relative; left: 30%; top: 40px;} .christmas-popup.reward-popup .christmas-content .close-button{position: absolute; top: 20%; left: 65%; z-index: 15; width: 3%;} .christmas-popup.reward-popup .christmas-content .reward-image{width: 30%; position: relative; left: 40%; top: 150px;} .christmas-popup.reward-popup .christmas-content ul{position: absolute; overflow-y: auto; left: 43%; top: 33%; width: 25%; text-align: center; max-height: 23vh;} .christmas-popup.spinning-popup .christmas-content .spinning-image{position: absolute; width: 25%; left: 37.5%; top: 20%;} .christmas-popup.spinning-popup .christmas-content .close-button{position: absolute; top: 15%; left: 64%;} .christmas-popup.spinning-popup .christmas-content p{position: absolute; top: 30%; width: 22%; left: 39%; text-align: center;} /* Spinner */ .mod-christmas #canvasContainer { position: absolute; width: 100%; } .mod-christmas #wheelspin { z-index: 0; position: absolute; width:75%; height:auto; top:29%; left:26%;} .mod-christmas #prizePointerBtn { position: absolute; left: 53.5%; top: 68%; z-index: 9; width:20%; height:30%; border:0; } .mod-christmas #prizePointerBtn.btnNormal { background: url(../images/christmasEvent/start_cn.avif) no-repeat; background-size: 100%; } .mod-christmas #prizePointerBtn.btnEng { background: url(../images/christmasEvent/start_en.avif) no-repeat; background-size: 100%; } .mod-christmas #prizePointerBtn:hover { cursor: pointer; } .mod-christmas #prizePointerBtn.noclick:hover { cursor: no-drop; } /* End Christmas Event */ /* Download App */ .mod-mobile{ padding: 0 60px; color: #000000;} .mod-mobile .section{display: inline-flex; width: 100%; align-items: center; justify-content: space-between;} .mod-mobile .section .left-section{width: 60%;} .mod-mobile .section .left-section h3{color: #f68323; font-size: 28px;} .mod-mobile .section .left-section .section-info{padding: 35px 0;} .mod-mobile .section .left-section .section-info p{ font-size: 14px;} .mod-mobile .section .left-section .section-dl{ display: inline-flex; width: 100%; justify-content: space-between;background: #FFFFFF; padding: 10px 20px; border-radius: 8px; } .mod-mobile .section .left-section .section-dl .tutorial-btn{display: inline-flex; width: 50%; justify-content: space-between; align-items: center;} .mod-mobile .section .left-section .section-dl .tutorial-btn a{color: #8f8f8f; background: #f3f3f3; padding: 20px 10px; width: 30%; text-align: center; border: #F3F3F3 solid 1px; border-radius: 8px;} .mod-mobile .section .left-section .section-dl .tutorial-btn a.selected, .mod-mobile .section .left-section .section-dl .tutorial-btn a:hover{color: #f68323; border-color: #f68323; background: transparent; box-shadow: #f68323 1px 1px 5px;} .mod-mobile .section .left-section .section-dl .tutorial-btn a span{display: block; width: 25px; height: 30px; background: url(../images/mobileDownload/icon_ios.avif) no-repeat center / 100%; margin: auto auto 10px;} .mod-mobile .section .left-section .section-dl .tutorial-btn a:nth-of-type(1) span{background-image: url(../images/mobileDownload/icon_ios.avif);} .mod-mobile .section .left-section .section-dl .tutorial-btn a:nth-of-type(2) span{background-image: url(../images/mobileDownload/icon_android.avif);} .mod-mobile .section .left-section .section-dl .tutorial-btn a:nth-of-type(3) span{background-image: url(../images/mobileDownload/icon_h5.avif);} .mod-mobile .section .left-section .section-dl .qr-img{background: url(../images/mobileDownload/qr_corner.avif) no-repeat center / 100%; width: 120px; height: 120px; display: block;} .mod-mobile .section .left-section .section-dl .qr-img .qr-code{width: 85%; height: 85%; margin: 7.5%; display: block; background-color: #FFFFFF; padding: 7px;} .mod-mobile .section .left-section .section-dl .qr-img .qr-code.hide{display: none;} .mod-mobile .section .right-section{width: 50%; background: url(../images/mobileDownload/mobile_app_light_en.avif) no-repeat center / 100%; height: auto; min-height: 400px; display: block;} .mod-mobile .section .right-section.cn{background-image: url(../images/mobileDownload/mobile_app_light_cn.avif);} /* End Download App */ /* Register Landing */ .landing{overflow-x: hidden;} .landing{margin: -100px;} .mod-landing-register { width: 100%; margin: auto; position: relative; left: 0%;} .mod-landing-register .slider { width: 100%; } .mod-landing-register .slide img { display: block; width: 100%; height: auto; } .mod-landing-register .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; position: absolute; bottom: 20%; left: 45%; } .mod-landing-register .slick-dots li { margin: 0; } .mod-landing-register .slick-dots button { display: block; width: 40px; height: 4px; padding: 0; border: none; background-color: #FFFFFF; opacity: 0.3; text-indent: -9999px; } .mod-landing-register .slick-dots li.slick-active button {opacity: 1; } .mod-landing-register p, .mod-landing-register span, .mod-landing-register a{font-family: PingFangSC, sans-serif;} .mod-landing-register .header-logo{ position: fixed; z-index: 30; padding: 20px 2%; display: inline-flex; width: 102%; justify-content: space-between; align-items: center;transition: all .3s;} .mod-landing-register .header-logo.add-bg{background: #000000; } .mod-landing-register .header-logo .reg-btn{font-size: 16px; color: #FFFFFF; border: #FFFFFF 1px solid; border-radius: 31px; padding: 10px 30px; font-weight: bold; margin-right: 20px;} .mod-landing-register .header-logo .reg-btn:hover{ color: #4594FF; background: #FFFFFF; border: #FFFFFF 1px solid; } .mod-landing-register .mouse-wrap{position: absolute; width: 100%; left: 0%; bottom: 5%; display: flex; flex-direction: column; justify-content: center; align-items: center;} .mod-landing-register .mouse-wrap img{width: 1.4%} .mod-landing-register .mouse-wrap p{color: #FFFFFF; font-size: 12px; padding-top: 20px;} .mod-landing-register .qreg-wrap{ position: absolute; top: 12%; left: 10%; z-index: 1; padding-bottom: 50px;} .mod-landing-register .reg-wrap{width: 380px; background: #060d29; border-radius: 8px; } .mod-landing-register#overallContent .reg-wrap{box-shadow: #ffffff50 0px 0px 12px; } .mod-landing-register .reg-wrap > img {width: 100%;} .mod-landing-register .reg-wrap .regform {padding: 3% 10%;} /* .mod-landing-register .reg-wrap .regform ul{padding: 30px 0 0 0;} */ .mod-landing-register .reg-wrap .regform ul li{display: inline-flex; align-items: baseline; width: 100%; border-bottom: #494B58 1px solid;} .mod-landing-register .reg-wrap .regform ul li label{ width: 97px; font-size: 16px; color: #8895B3; font-family: PingFangSC, sans-serif; padding: 5px 0;} .mod-landing-register .reg-wrap .regform.cn ul li label{width: 80px;} .mod-landing-register .reg-wrap .regform ul li .item-ipt{width: 100%;} .mod-landing-register .reg-wrap .regform ul li .item-ipt.en.tall{position: relative; top: 27px;} .mod-landing-register .reg-wrap .regform ul li .item-ipt input{width: 100%; padding: 20px 0 19px 20px; margin-bottom: 5px; background: transparent; border: none; font-family: PingFangSC, sans-serif; color: #494B58;} .mod-landing-register .reg-wrap .regform ul li .item-ipt .tips{color: #4594FF; font-size: 10px;} .mod-landing-register .reg-wrap .regform .reg-sub{padding: 5px 0 10px; } .mod-landing-register .reg-wrap .regform .agreement span{font-size: 14px; color: #8895B3; font-family: PingFangSC, sans-serif;} .mod-landing-register .reg-wrap .regform .agreement span a{color: #4594FF; } .mod-landing-register .reg-wrap .regform .agreement input[type="checkbox"]{width:14px; height:14px;} .mod-landing-register .reg-wrap .regform .agreement input[type="checkbox"]:before { position: relative; display: block; width: 15px; height: 15px; content: ""; } .mod-landing-register .reg-wrap .regform .agreement input[type="checkbox"]:after { position: relative; display: block; left: -4px; top: -16px; width: 15px; height: 15px; border: #4594FF solid 2px; border-radius: 5px; content: ""; background: #000000; background-repeat: no-repeat; background-position: center; } .mod-landing-register .reg-wrap .regform .agreement input[type="checkbox"]:checked:after { background-image: url(../images/registerLanding/icon-checkbox-checked.avif), linear-gradient(135deg, transparent, transparent); } .mod-landing-register .reg-wrap .regform .bgBtn.bgBtn-1{background: #4594FF; font-size: 16px; font-weight: bold; width: 100%; display: block; padding: 15px 0;} .mod-landing-register .reg-wrap .regform .bgBtn.bgBtn-1:hover{background: #2D86FF;} .mod-landing-register .reg-wrap .regform .licensed-wrap { display: inline-flex; align-items: center; justify-content: center; width: 85%; margin: 10px 25px 0; padding-top: 10px; text-align: center; } .mod-landing-register .reg-wrap .regform .licensed-wrap p { color: #FFFFFF; } .mod-landing-register .reg-wrap .regform .licensed-wrap i{ display: block; background: url(../images/registerLanding/license.avif) no-repeat center top/100%; width: 145px; height: 40px; padding: 0;} .mod-landing-register .reg-wrap .regform .or-opt{position: relative; font-size: 12px; margin: 20px auto; text-align: center; color: #8895B3;} .mod-landing-register .reg-wrap .regform .or-opt:before{content: ""; position: absolute; background: #494B58; width: 100px; height: 0.5px; top: 12px; left: 0px;} .mod-landing-register .reg-wrap .regform .or-opt:after{content: ""; position: absolute; background: #494B58; width: 100px; height: 0.5px; top: 12px; right: 0px;} .mod-landing-register .reg-wrap .regform .social-media-wrap{display: inline-flex; width: 100%; justify-content: space-evenly; } .mod-landing-register .reg-wrap .regform .social-media-wrap a{ border: #494B58 1px solid; border-radius: 50%; width: 50px; height: 50px; text-align: center; margin: 3% 0;} .mod-landing-register .reg-wrap .regform .social-media-wrap a.clicked{ border: #FFFFFF 1px solid; background: #FFFFFF; } .mod-landing-register .reg-wrap .regform .social-media-wrap a i{background: url(../images/registerLanding/icon-google.avif) no-repeat center / 100%; width: 25px; height:46px; display: block; margin: auto;} .mod-landing-register .reg-wrap .regform .social-media-wrap a:nth-child(2) i{background-image: url(../images/registerLanding/icon-facebook.avif);} .mod-landing-register .reg-wrap .regform .social-media-wrap a:nth-child(3) i{background-image: url(../images/registerLanding/icon-telegram.avif);} .mod-landing-register .btc-benefit .btc-benefit-bg{background: url(../images/registerLanding/btc365-bg.avif) no-repeat top center / 100%; height: auto;display: block; } .mod-landing-register .btc-benefit .btc-benefit-bg ul{display: inline-flex; width: 90%; justify-content: center; margin: auto 5%; position: relative; top: 10%; } .mod-landing-register .btc-benefit .btc-benefit-bg ul li{width: 22%;border-left: #38009B 1px solid; position: relative; background: url(../images/registerLanding/btc365-revamp.avif) no-repeat center / 100%; } .mod-landing-register .btc-benefit .btc-benefit-bg ul li.benefit-1{background-image: url(../images/registerLanding/btc365-revamp.avif);} .mod-landing-register .btc-benefit .btc-benefit-bg ul li.benefit-2{background-image: url(../images/registerLanding/btc365-token.avif);} .mod-landing-register .btc-benefit .btc-benefit-bg ul li.benefit-3{background-image: url(../images/registerLanding/btc365-vip.avif);} .mod-landing-register .btc-benefit .btc-benefit-bg ul li.benefit-4{background-image: url(../images/registerLanding/btc365-support.avif);} .mod-landing-register .btc-benefit .btc-benefit-bg ul li:last-of-type{border-right: #38009B 1px solid;} .mod-landing-register .btc-benefit .btc-benefit-bg ul.inactive li{width: 22%; } .mod-landing-register .btc-benefit .btc-benefit-bg ul.inactive li:hover{width: 36.5%;} .mod-landing-register .btc-benefit .btc-benefit-bg ul.inactive li.benefit-1:hover{background-image: url(../images/registerLanding/btc365-revamp-enl.avif);} .mod-landing-register .btc-benefit .btc-benefit-bg ul.inactive li.benefit-2:hover{background-image: url(../images/registerLanding/btc365-token-enl.avif);} .mod-landing-register .btc-benefit .btc-benefit-bg ul.inactive li.benefit-3:hover{background-image: url(../images/registerLanding/btc365-vip-enl.avif);} .mod-landing-register .btc-benefit .btc-benefit-bg ul.inactive li.benefit-4:hover{background-image: url(../images/registerLanding/btc365-support-enl.avif);} .mod-landing-register .btc-benefit .btc-benefit-bg ul li img{width: 100%;} .mod-landing-register .btc-benefit .btc-benefit-bg ul li p{color: #4594FF; font-size: 28px; position: absolute; top: 65%; text-align: center; width: 90%; left: 5%;} .mod-landing-register .btc-benefit .btc-benefit-bg ul li p span{color: #A8A9C4; font-size: 22px;} /* special cater for first img in default state */ .mod-landing-register .btc-benefit .btc-benefit-bg ul li.benefit-1{background-image: url(../images/registerLanding/btc365-revamp-enl.avif);width: 36.5%;} .mod-landing-register .btc-benefit .btc-benefit-bg ul.inactive li:first-of-type{width: 22%;} .mod-landing-register .btc-benefit .btc-benefit-bg ul.inactive li:first-of-type:hover{width: 36.5%;} .mod-landing-register .btc-benefit .btc-benefit-bg ul.inactive li.benefit-1{background-image: url(../images/registerLanding/btc365-revamp.avif);} .mod-landing-register .btc-game{overflow: hidden;} .mod-landing-register .btc-game .btc-game-bg{/*background: url(../images/registerLanding/game-bg.avif) no-repeat top center / 100%; */height: auto;display: block; } .mod-landing-register .btc-game .btc-game-bg ul{display: flex; flex-wrap: wrap;} .mod-landing-register .btc-game .btc-game-bg ul li{ position: relative; width: 50%; height: 61%; /*border: #FFFFFF solid 1px;*/} .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(3), .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(4), .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(5){ width: 33.33%; height: 39%; } .mod-landing-register .btc-game .btc-game-bg ul li:hover{background: url(../images/registerLanding/game-hover.avif) no-repeat top center / 100%; height: auto;display: block; } .mod-landing-register .btc-game .btc-game-bg ul li .game-bg{background: url(../images/registerLanding/btc-game-1.avif) no-repeat top center / 100%; height: 100%; display: block; position: relative; z-index: 10;} .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(2) .game-bg{background-image: url(../images/registerLanding/btc-game-2.avif);} .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(3) .game-bg{background-image: url(../images/registerLanding/btc-game-3.avif);} .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(4) .game-bg{background-image: url(../images/registerLanding/btc-game-4.avif);} .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(5) .game-bg{background-image: url(../images/registerLanding/btc-game-5.avif);} .mod-landing-register .btc-game .btc-game-bg ul li .game-bg > p{padding: 40px;} .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(3) .game-bg > p, .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(4) .game-bg > p, .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(5) .game-bg > p{padding: 20px 0 0 40px;} .mod-landing-register .btc-game .btc-game-bg ul li .game-bg > p:nth-of-type(2){padding: 0 0 0 40px;} .mod-landing-register .btc-game .btc-game-bg ul li:hover .game-bg{ transform: scale(1.05); transition: all .3s; z-index: 1;} .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(3):hover .game-bg, .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(4):hover .game-bg, .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(5):hover .game-bg{ transform: scale(1.08); } .mod-landing-register .btc-game .btc-game-bg ul li .game-bg-overlay{background: url(../images/registerLanding/game-hover.avif) no-repeat top center / 100%; height: 100%; width: 100%; display: none; position: absolute; top: 0; z-index: 1; } .mod-landing-register .btc-game .btc-game-bg ul li:hover .game-bg-overlay{display: block; transition: all .3s; z-index: 1;} .mod-landing-register .btc-game .btc-game-bg ul li:hover .game-bg-overlay{ transform: scale(1.05); } .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(3):hover .game-bg-overlay, .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(4):hover .game-bg-overlay, .mod-landing-register .btc-game .btc-game-bg ul li:nth-of-type(5):hover .game-bg-overlay{ transform: scale(1.08); } .mod-landing-register .btc-game .btc-game-bg ul li .title{color: #4594FF; font-size: 34px; text-transform: uppercase; position: relative; z-index: 10;} .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(4) .title{white-space: nowrap;} .mod-landing-register .btc-game .btc-game-bg ul li .title:after{content: ""; position: absolute; top: 75%; left: 6%; width: 40px; height: 3px; margin: 26px 0 23px 0; background: #FFFFFF;} .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(3) .title:after, .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(4) .title:after, .mod-landing-register .btc-game .btc-game-bg ul li:nth-child(5) .title:after{left: 9%; top: 80%;} .mod-landing-register .btc-game .btc-game-bg ul li .desc{color: #FEFEFE; font-size: 22px; position: relative; z-index: 10;} .mod-landing-register .btc-game .btc-game-bg ul li .desc span{color: #A8A9C4; font-size: 18px;} .mod-landing-register .btc-partner {background: url(../images/registerLanding/partner-bg.avif) no-repeat top center / 100%; height: auto; } .mod-landing-register .btc-partner .partner-title{font-size: 46px; font-weight: bold; color: #4594FF; padding: 40px 0; text-align: center;} .mod-landing-register .btc-partner .btc-partner-bg{display: inline-flex; flex-wrap: wrap; width: 100%;} .mod-landing-register .btc-partner .btc-partner-bg .partner-wrap{width: 45%; margin: auto 1% auto 4%; background: #1C1D2E; display: inline-flex; padding: 20px; height: 175px; align-items: center;} .mod-landing-register .btc-partner .btc-partner-bg .partner-wrap:hover{transform: translateY(-10px); transition: all .3s;} .mod-landing-register .btc-partner .btc-partner-bg .partner-wrap:nth-of-type(even){margin: auto 4% auto 1%;} .mod-landing-register .btc-partner .btc-partner-bg .partner-wrap img{width: 40%; height: fit-content;} .mod-landing-register .btc-partner .btc-partner-bg .partner-wrap p{font-size: 16px; color: #FEFEFE; padding: 5px 20px; text-align: justify;} .mod-landing-register .btc-joinus .btc-joinus-bg{background: url(../images/registerLanding/join-us-bg.avif) no-repeat top center / 100%; height: auto;display: block; position: relative;} .mod-landing-register .btc-joinus .btc-joinus-bg .center-wrap{ position: relative; top: 40%; width: 100%; display: inline-flex; justify-content: center; align-items: center;} .mod-landing-register .btc-joinus .btc-joinus-bg .center-wrap img:first-child{width: 10%; margin: auto 0 auto 5%;} .mod-landing-register .btc-joinus .btc-joinus-bg .center-wrap img:last-child{width: 15%; margin: auto 0 auto 4%; cursor: pointer;} .mod-landing-register .back-to-top{position: fixed; bottom: 20%; right: 1%; cursor: pointer; z-index: 10; /* width: 200px; height: 200px; display: inline-flex; align-items: center; justify-content: center;*/} .mod-landing-register .back-to-top img{ width: 70%; border-radius: 50%; -webkit-animation: ripple-white 1s linear infinite; animation: ripple-blue 1s linear infinite; -webkit-transition: .5s;} @-webkit-keyframes ripple-blue { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3); box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3) } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0) } } @keyframes ripple-blue { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3); box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3) } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0); box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0) } } .custom-popup.qreg-popup{background: rgba(0,0,0,.8); overflow-y: overlay;} .custom-popup.qreg-popup.show{display: block; transition: all .3s;} .custom-popup.qreg-popup.hide{display: none; transition: all .3s; } .custom-popup.qreg-popup .popup-wrap{background: transparent !important; top: 25%;text-align: left;} .custom-popup.qreg-popup .popup-close{top: -20px; right: 0%; opacity: 1;} .custom-popup.qreg-popup .popup-close.show{display: block; transition: all .3s; } .custom-popup.qreg-popup .popup-close.hide{display: none; transition: all .3s; } /* End Register Landing */ /* ==[ DARKMODE ]== */ /* custom-select */ .darkmode .select-selected{color:#FFFFFF; background:#151515; border-color:#FFFFFF;} .darkmode .select-selected:after{border-color:#FFFFFF transparent transparent transparent;} .darkmode .select-selected.select-arrow-active:after{border-color:transparent transparent #FFFFFF transparent;} .darkmode .select-items{background:#151515;} .darkmode .select-items div{border-bottom-color:#707070;} .darkmode .select-items div:hover{color:#E8883E;} /* modal */ .darkmode .modal-custom{color:#FFFFFF; background:#151515;} .darkmode .modal-custom .modal-close:after{color:#FFFFFF;} .darkmode .modal-changepwd .mod-forms li{border-color:#707070;} .darkmode .modal-changepwd .mod-forms label:after{background:#707070;} .darkmode .modal-changepwd .mod-forms .txt-ipt{color:#FFFFFF;} .darkmode .modal-mywallet .select-wrap input{color:#FFFFFF; background:#151515;} .darkmode .modal-mywallet .select-wrap ul{background:#151515;} .darkmode .modal-mywallet .select-wrap li{border-bottom-color:#606060;} .darkmode .modal-mywallet .select-wrap i.arrow{border-color:#FFFFFF transparent transparent transparent} .darkmode .modal-mywallet .select-wrap.dropdown i{border-color:transparent transparent #FFFFFF transparent;} .darkmode .modal-history .modal-content p span{color:#FFFFFF;} .darkmode .modal-message .modal-content .time{color:rgba(255,255,255,0.5);} .darkmode .modal-tokenwd.modal-custom{background: #202124;} /* register */ .darkmode .mod-reg{background:url(../images/v1/login_bg_dark.avif) no-repeat center center/100%; background-size:cover;} .darkmode .mod-reg .hd{background-image:url(../images/btc-logo-en.avif)} .darkmode .mod-reg .hd.cn{background-image:url(../images/btc-logo-cn.avif)} .darkmode .mod-reg > .layout{background:#272727;} .darkmode .mod-reg > .layout > p, .darkmode .mod-reg .reg-sub p{color:#FFFFFF;} .darkmode .mod-reg .mod-forms label{color:#d2bc9c;} .darkmode .mod-reg #regMethod .social-login a{color:#FFFFFF; border-color:#FFFFFF;} .darkmode .mod-reg #regMethod .more-login{color:#1C1C1C; background:#FFFFFF;} .darkmode .mod-reg #regMethod .more-login:hover{background:#FF6A00;} .darkmode .mod-reg #regMethod .more-login-modal{background:#151515;} .darkmode .mod-reg #regMethod .more-login-modal a{background:#151515} .darkmode .mod-reg #regMethod .more-login-overlay{background: transparent;} .darkmode .mod-reg .mod-forms > li label{color:#FFFFFF;} .darkmode .mod-reg .mod-forms > li input{color:#FFFFFF;} .darkmode .mod-reg .mod-forms .iti .iti__country-list{background:#151515;} .darkmode .mod-reg .mod-forms .iti .iti__country{color:#FFFFFF; border-top-color:#707070;} .darkmode .mod-reg .mod-forms .iti .iti__country-name{color:#FFFFFF;} .darkmode .mod-reg .mod-forms .iti .iti__dial-code{color:#FFFFFF;} .darkmode .mod-reg .mod-forms .iti .iti__selected-dial-code{color:#FFFFFF} .darkmode .mod-reg .mod-forms .iti .iti__arrow{border-color:#FFFFFF;} .darkmode .mod-reg .agreement input{margin:2px 10px 2px 4px;} .darkmode .mod-reg .agreement span{color:#FFFFFF;} .darkmode .mod-reg .agreement span em{color:#AED8EB;} .darkmode .mod-reg .reg-sub a.tnc-btn{color:#AED8EB;} .darkmode .mod-reg .reg-sub .licensed-wrap {border-top-color: #323232;} .darkmode .mod-reg .reg-sub .licensed-wrap p{color: #FFFFFF;} .darkmode .mod-reg .reg-sub .licensed-wrap i{background-image: url(../images/reg_license.avif);} /* home */ .darkmode .home-recent .games-panes .games-platform-item.pr .game-bg.dm {display: block; } .darkmode .home-recent .games-panes .games-platform-item.pr .game-bg.lm {display: none; } .darkmode .home-recent .games-panes .games-platform-item.pr .game-name {color: #ffffff;} .darkmode .home-recent .games-panes .games-platform-item.pr .game-desc::placeholder{color: #FFFFFFB3;} .darkmode .home-recent h2 .allVendors, .darkmode .home-dividend h2 .allVendors{color:#F68323;} .darkmode .home-recent h2 .allVendors span, .darkmode .home-dividend h2 .allVendors span {background-image:url(../images/home/view_more.avif);} .darkmode .home-dividend h2 .info {border: solid 2px #F68323; color: #F68323;} .darkmode .home-dividend .dividend-container > div ul{background:linear-gradient(180deg, #383838 0%, #242424 100%); border-color:#383838;} .darkmode .home-dividend .dividend-container > div li{ border-right: #383838 solid 1px;} .darkmode .home-dividend .dividend-container > div li p{color:#FFFFFF;} .darkmode .home-dividend .dividend-container > div li em {color: #F68323;} .darkmode .home-dividend .dividend-container > div li span{color: #FFFFFF;} .darkmode .home-dividend .dividend-container > div li span:last-of-type{color:#FFFFFF; opacity: 0.7;} .darkmode .home-dividend h2 .tooltip {background: #272727; color: #FFFFFF; border: solid 1px #383838;} .darkmode .home-dividend .dividend-remark p {color: #FFFFFF; opacity: 0.65;} .darkmode .home-dividend .dividend-distribute{border-bottom: #383838 solid 1px;} .darkmode .home-dividend .dividend-distribute p{color:#FFFFFF;} .darkmode .home-dividend .dividend-progress{background:#000000;} .darkmode .home-descr{background:#272727;} .darkmode .home-descr .descr-text h1{color:#FFFFFF;} .darkmode .home-descr .descr-text p{color:#FFFFFF;} .darkmode .home-descr .descr-text li{color:#FFFFFF;} .darkmode .home-descr .descr-text li:before{background:#AED8EB;} .darkmode .home-descr .descr-text li{color:#FFFFFF;} .darkmode .home-descr .descr-text li:before{background:#AED8EB;} .darkmode .home-intro .introduct-info li p{color:#FFFFFF;} .darkmode .home-intro .introduct-text p{color:#FFFFFF;} .darkmode .home-intro .introduct-desc li{background:#272727; box-shadow:none;} .darkmode .home-intro .introduct-desc li h3{color:#FFFFFF;} .darkmode .home-intro .introduct-desc li p{color:#FFFFFF;} .darkmode .home-compare{background:#1C1C1C;} .darkmode .home-compare .compare-table th{color:#FFFFFF;} .darkmode .home-compare .compare-table td{color:rgba(255,255,255,.7);} .darkmode .circular .inner{background:#1C1C1C;} .darkmode .circular .bar{background:#FFFFFF;} /* Home Christmas */ .darkmode .home-event.lucky-spin i{ color: #FFFFFF; border-color: #FFFFFF;} /* Header */ .darkmode .nav-menu .games-panes .games-platform-item.pr .game-name {color: #ffffff;} .darkmode .nav-menu .games-panes .games-platform-item.pr .game-desc::placeholder{color: #FFFFFFB3;} .darkmode .nav-menu .games-panes .games-platform-item.pr .real-play .game-bg.lm{display: none;} .darkmode .nav-menu .games-panes .games-platform-item.pr .real-play .game-bg.dm{display: block;} /* All Vendor */ .darkmode .mod-vendor .nav-wrap{background: #272727;} .darkmode .mod-vendor .nav-wrap .provider{background: #3E3E3E; color: #999999;} .darkmode .mod-vendor .nav-wrap .vendor{color: #FFFFFF;} .darkmode .mod-vendor .games-panes .games-platform-item.pr .game-name {color: #ffffff;} .darkmode .mod-vendor .games-panes .games-platform-item.pr .game-desc::placeholder{color: #FFFFFFB3;} /* .darkmode .mod-vendor .games-panes .games-platform-item.pr .gp-img {background-color: #464646;} */ .darkmode .mod-vendor .games-panes .games-platform-item.pr .gp-img.web.dm{display: block} .darkmode .mod-vendor .games-panes .games-platform-item.pr .gp-img.web.lm{display: none;} /* casino */ .darkmode .mod-casino .casino-type{border-color:#080A15;} /* .darkmode .mod-casino .grouped-tab .txtBtn-2 {color: #ffffff50;} .darkmode .mod-casino .grouped-tab .txtBtn-2.current {color: #ffffff; border-bottom: #F68323 solid 6px;} */ .darkmode .mod-casino .casino-menu li{color: #FFFFFF50;} .darkmode .mod-casino .casino-menu li.current{color: #FFFFFF;} .darkmode .mod-casino .games-panes .search-wrap input{color:#FFFFFF; background:#000000; border-color:#000000;} .darkmode .mod-casino .games-panes .search-wrap a{background-image:url(../images/search_icon.avif);} .darkmode .mod-casino .games-panes .sort-wrap{color:#FFFFFF; background:#000000; border-color:#FFFFFF;} .darkmode .mod-casino .games-sub-menu{background:#1C1C1C;} .darkmode .mod-casino .games-sub-menu li{color:#FFFFFF; border-color:#707070;} .darkmode .mod-casino .games-sub-menu li:hover{color:#E8883E;} .darkmode .mod-casino .casino-list .casino-link a{color:#FFFFFF; background:#1C1C1C;} /* promotions */ .darkmode .mod-promotions .info-type{border-color:#080A15;} .darkmode .mod-promotions .info-cont{color:#FFFFFF; background:#1C1C1C;} .darkmode .mod-promotions .info-cont table td, .darkmode .mod-promotions .info-cont table th{border:1px solid #FFFFFF;} /* profile */ .darkmode .mod-profile .container{background:#272727;} .darkmode .mod-profile .profile-header{background-image: url(../images/profile/profile_bg.avif); color:#FFFFFF;} /* .darkmode .mod-profile .profile-header .profile-icon-wrap .learn-more{color: #F68323;} */ /* .darkmode .mod-profile .profile-header .profile-icon-wrap .learn-more span{background-image: url(../images/home/view_more.avif);} */ .darkmode .mod-profile .profile-milestone .milestone-turnover{color:#FFFFFF;} .darkmode .mod-profile .profile-milestone em span:last-of-type{color: #FFFFFF70;} .darkmode .mod-profile .profile-milestone em{color:#FFFFFF;} .darkmode .mod-profile .profile-milestone .linear-wrap {background: #00000050;} .darkmode .mod-profile .profile-wallet li{border-color:#000000;} .darkmode .mod-profile .profile-wallet li span{color:#FFFFFF;} .darkmode .mod-profile .profile-reward li{background: #272727;} .darkmode .mod-profile .profile-reward li p{color:#FFFFFF;} .darkmode .mod-profile .profile-reward li span{color:#FFFFFF;} .darkmode .mod-profile .profile-promo .promo-top p{color:#FFFFFF;} /* baseinfo */ .darkmode .mod-baseinfo .info-lists{color:#FFFFFF;} .darkmode .mod-baseinfo .info-lists li{border-color:#707070;} .darkmode .mod-baseinfo .info-lists label:after{background:#707070;} .darkmode .mod-baseinfo .user-info{color:#FFFFFF;} .darkmode .mod-baseinfo .user-info span{opacity:.7;} .darkmode .mod-baseinfo .user-info a.verified{color:#1B2242;} /* wallet */ .darkmode .mod-mywallet .wallet-link{background:#151515;} .darkmode .mod-mywallet .wallet-link a{border-color:#000000;} /* history */ .darkmode .mod-history{color:#FFFFFF;} .darkmode .mod-history .green{color:#3BFF00 !important;} .darkmode .mod-history .history-currency{color:#FFFFFF; background:#151515;} .darkmode .mod-history .history-noresult i{background-image:url(../images/cross_white_icon.avif);} .darkmode .mod-history .history-noresult p{color:#FFFFFF;} .darkmode .mod-history .history-list li{border-bottom-color:#000000;} .darkmode .mod-history .history-list li:hover{background:rgba(0,0,0,.1);} .darkmode .mod-history .history-detail span{color:#FFFFFF;} /* transaction */ .darkmode .mod-transaction .history-header{border-bottom-color:#080A15;} .darkmode .mod-transaction .history-header a.current{border-bottom-color:#E8883E;} /* message */ .darkmode .mod-message #memberMessage .msgcontainer{color:#FFFFFF; background-color:#151515;} .darkmode .mod-message #memberMessage .msgheader .time{color:rgba(255,255,255,0.5);} .darkmode .mod-message #memberMessage .msgdelete{background-image:url(../images/trash_icon.avif);} .darkmode .mod-message #memberMessage .read .msgcontainer{color:#8D91A1; background-color:#222222;} .darkmode .mod-message #memberMessagePagination span{color:#FFFFFF; background:#1C1C1C; border-color:#2E2E2E;} .darkmode .mod-message #memberMessagePagination span.current{color:#000000; background:#F68323; border-color:#F68323;} /* deposit */ .darkmode #div_crypto .crypto-type > div{color:#FFFFFF; background:#151515; border-color:#151515;} .darkmode #div_crypto .crypto-type .selected,.darkmode #div_crypto .crypto-type > div:hover{color:#FFFFFF; background:#1C1C1C; border-color:#E8883E;} .darkmode #div_crypto .crypto-title h2{color:#FFFFFF;} .darkmode #div_crypto .crypto-address{background:none; border-color:#FFFFFF;} .darkmode #div_crypto .crypto-address span{color:#ffffff;} .darkmode #div_crypto .qr-rate-wrap em{color:#FFFFFF;} .darkmode #div_crypto .crypto-purchase {background: #151515;} .darkmode #div_crypto .crypto-purchase i.moonpay-img {background-image: url(../images/deposit_moonpay.avif);} .darkmode #div_crypto .crypto-purchase i.binance-img {background-image: url(../images/deposit_binance.avif);} .darkmode #div_crypto .crypto-purchase i.coinbase-img {background-image: url(../images/deposit_coinbase.avif);} .darkmode #div_crypto .crypto-purchase p {color: #FFFFFF; } /* withdraw */ .darkmode #withdraw_form .mod-forms li{border-bottom-color:#707070;} .darkmode #withdraw_form .mod-forms label:after{background:#707070;} .darkmode #withdraw_form .mod-forms .txt-ipt{color:#FFFFFF;} .darkmode #withdraw_form .mod-forms .crypto-type > div{color:#FFFFFF; background:#151515; border-color:#151515;} .darkmode #withdraw_form .mod-forms .crypto-type .selected,.darkmode #withdraw_form .mod-forms .crypto-type > div:hover{color:#FFFFFF; background:#1C1C1C; border-color:#E8883E;} /* transfer */ .darkmode .mod-transfer .transfer-quick li{background:none;} .darkmode .mod-transfer .transfer-quick li a{background-position:0 0;} .darkmode .mod-transfer .transfer-display{color:#FFFFFF; opacity:.7;} .darkmode .mod-transfer .transfer-display:after{border-color:#FFFFFF transparent transparent transparent;} .darkmode .mod-transfer .transfer-option{background:#151515;} .darkmode .mod-transfer .transfer-option li{border-bottom-color:#707070;} .darkmode .mod-transfer .transfer-option li:hover{color:#E8883E;} .darkmode .mod-transfer .transfer-currency{color:#FFFFFF; opacity:.7;} .darkmode .mod-transfer .active .transfer-display:after{border-color:transparent transparent #FFFFFF transparent;} /* help */ .darkmode .mod-help .help-content{color:#FFFFFF;} .darkmode .mod-help .faq-category{background:#272727;} .darkmode .mod-help .faq-category li{border-color:#000000;} .darkmode .mod-help .faq-category li i{background-image:url(../images/help/faq_icon.avif);} .darkmode .mod-help .faq-content{color:#FFFFFF; background:#1C1C1C;} .darkmode .mod-help .faq-accordion li{background:#272727;} /* dividend */ /* .darkmode .mod-dividend .dividend-banner.en{background-image:url(../images/dividend/dividend_banner.avif);} .darkmode .mod-dividend .dividend-banner.cn{background-image: url(../images/dividend/dividend_banner_cn.avif);} */ .darkmode .mod-dividend .dividend-container h1{color:#FFFFFF; background:#151515;} .darkmode .mod-dividend .dividend-distribute{background:#151515;} .darkmode .mod-dividend .dividend-distribute p{color:#FFFFFF;} .darkmode .mod-dividend .dividend-progress{background:#000000;} .darkmode .mod-dividend .dividend-info li{background:linear-gradient(180deg, #2E3036 0%, #000000 100%); border-color:#12152E;} .darkmode .mod-dividend .dividend-info li h3{color:#FFFFFF;} .darkmode .mod-dividend .dividend-info li p{color:#FFFFFF;} /* vipinfo */ .darkmode .mod-extra-nav{background: #151515; color: #FFFFFF;} .darkmode .mod-extra-nav a .back-button{ background-image: url(../images/gp/platformHome/back_icon_white.avif);} .darkmode .mod-vipinfo .vipinfo-title .vip-title{background-image:url(../images/vip/vipinfo_title.avif);} .darkmode .mod-vipinfo .vipinfo-title .vip-title.cn{background-image:url(../images/vip/vipinfo_title_cn.avif);} .darkmode .mod-vipinfo{background: #151515;} .darkmode .mod-vipinfo .vipinfo-benefit li{background:#151515;} .darkmode .mod-vipinfo .vipinfo-benefit .vip-pri, .darkmode .mod-vipinfo .vipinfo-table .vip-pri {color: #FFFFFF;} .darkmode .mod-vipinfo .vipinfo-work h1{color: #FFFFFF;} .darkmode .mod-vipinfo .vipinfo-table table{color:#FFFFFF background:#FFFFFF;} .darkmode .mod-vipinfo .vipinfo-tnc{color:#FFFFFF; background:#151515;} .darkmode .mod-vipinfo .vipinfo-tnc h1 {color: #FFFFFF;} /* conversion rate */ .darkmode .conversion-popup .popup-wrap h1{color: #FFFFFF;} .darkmode .conversion-popup .popup-wrap .popup-content > p{color: #FFFFFF;} .darkmode .conversion-popup .popup-wrap .popup-content .btn-wrap a:nth-of-type(1){background: #2b2b2b; color: #FFFFFF;} .darkmode .conversion-popup .popup-wrap .popup-content .display-setting input[type="checkbox"]:after {border: #2b2b2b solid 5px; background: #1c1c1c; } .darkmode .conversion-popup .popup-wrap .popup-content .display-setting p{color: #FFFFFF;} .darkmode .conversion-popup .popup-wrap .popup-content .display-setting input[type="checkbox"]:checked:after{background: #fbb429;} /* conversion rate end */ /* Download App */ .darkmode .mod-mobile{color: #FFFFFF;} .darkmode .mod-mobile .section .left-section .section-info p{color: #FFFFFF; opacity: 0.7;} .darkmode .mod-mobile .section .left-section .section-dl{background: #202124;} .darkmode .mod-mobile .section .left-section .section-dl .tutorial-btn a { color: #8f8f8f; background: #151515; border-color: #151515; } .darkmode .mod-mobile .section .left-section .section-dl .tutorial-btn a.selected , .darkmode .mod-mobile .section .left-section .section-dl .tutorial-btn a:hover {box-shadow: #151515 5px 5px 10px; border-color: #707070; } .darkmode .mod-mobile .section .right-section.en{background-image: url(../images/mobileDownload/mobile_app_en.avif);} .darkmode .mod-mobile .section .right-section.cn{background-image: url(../images/mobileDownload/mobile_app_cn.avif);} /* End Download App */