/* connect_wrap */
.connect_wrap ._hd {position:relative; height:200px; background:url('/images/bg/bg_connect.jpg')  0 50% no-repeat; background-size:cover; z-index:1;}
.connect_wrap ._hd:after {position:absolute; content:''; top:0; right:0; left:0; bottom:0; background-color:#040d21; opacity:40%;}
.connect_wrap ._hd p {position:relative; text-align:center; line-height:190px; font-size:45px; z-index:11;}
.connect_wrap ._bd {padding-top:100px; margin:0 auto; width:900px;}
.connect_box {margin:0 auto; text-align:center; width:500px;}
.connect_box dt {margin-bottom:15px; font-size:40px;}
.connect_box dd {margin-bottom:50px; color:#627597; font-size:17px;}
.connect_box .box {margin-bottom:30px; padding:50px 70px; border:1px solid #1e2638; border-radius:5px; background-color:var(--bg-color-1);}
.connect_box .box button {position:relative; display:block; width:100%; height:46px; line-height:46px; border-radius:23px; text-align:left; font-size:17px; background-color:#3771fe; color:#fff;}
.connect_box .box button:first-of-type {margin-bottom:20px;}
.connect_box .box button .ic {float:left; margin:7px 15px 0 45px; width:36px; height:32px;}
.connect_box .box .connecting {display:none;}
.connect_box .tip {font-size:17px; color:#627597;}
.connect_box.connect_kaikas .btn_kaikas .tx {display:none;}
.connect_box.connect_kaikas .btn_kaikas .connecting {display:block;}
.connect_box.connect_metamask .btn_metamask .tx {display:none;}
.connect_box.connect_metamask .btn_metamask .connecting {display:block;}
.connect_box.connect_kaikas button,
.connect_box.connect_metamask button {cursor:not-allowed;}

.history_none {width:100%; height:500px; border-bottom:1px solid rgba(255, 255, 255, 0.08); text-align:center; overflow:hidden;}
.history_none .icon {position:relative; width:200px; margin:125px auto 0 auto;}
.history_none .fa-folder {line-height:150px; font-size:130px; color:var(--bg-color-0); }
.history_none .fa-xmark {position:absolute; top:60px; left:0; right:0; font-size:50px; color:#627597;}
.history_none .tit {margin-bottom:10px; font-size:25px;}
.history_none .tip {font-size:17px; color:#627597;}
.history_none.border_none {border:none;}
.history_none.border_box {border:1px solid rgba(255, 255, 255, 0.08); border-radius:5px;}

/* account_wrap */
.account_wrap {position:relative;}
.account_wrap:after {display:block; content:''; clear:both;}
.account_wrap ._inner {padding-top:280px; margin:0 auto; width:1200px;}
.account_wrap .banner {position:absolute; top:0; right:0; left:0; height:200px; background:url('/images/bg/bg_d.jpg')  0 50% no-repeat; background-size:cover; z-index:1;}
.account_wrap .banner:after {position:absolute; content:''; top:0; right:0; left:0; bottom:0; background-color:#000; opacity:50%;}
.account_wrap .banner p {position:relative; text-align:center; line-height:190px; font-size:45px; z-index:11;}
.account_wrap .aside {float:left; width:250px; border:1px solid rgba(255, 255, 255, 0.08); border-radius:5px; background-color:var(--bg-color-1); overflow:hidden;}
.account_wrap .aside .info {padding:30px 0 0 0; position:relative;}
.account_wrap .aside .thumb {display:block; margin:0 auto 15px auto; width:140px; height:140px; border-radius:100%; background-color:#040d21;}
.account_wrap .aside .thumb img {display:block; width:140px; height:140px; border-radius:100%;}
.account_wrap .aside .nick {display:block; margin-bottom:10px; height:24px; text-align:center; font-size:20px;}
.account_wrap .aside .wallet {display:block; margin:0 auto 0 auto; width:240px; height:36px; border-radius:18px; text-align:center; color:#3771fe; font-size:0;}
.account_wrap .aside .wallet span {display:inline-block; vertical-align:top;}
.account_wrap .aside .address {margin-right:10px; font-size:17px; line-height:36px;}
.account_wrap .aside .address.metamask {padding-left:32px; background:url('/images/ico/ic_metamask.png') 0 8px no-repeat; background-size:22px 20px;}
.account_wrap .aside .address.kaikas {padding-left:32px; background:url('/images/ico/ic_re_kaikas_w.png') 0 8px no-repeat; background-size:22px 20px;}
.account_wrap .aside .ic_copy {font-size:15px; line-height:36px;}
.account_wrap .aside .snb {padding:30px 15px 10px 15px;}
.account_wrap .aside .snb li {margin-top:20px; height:40px; line-height:40px;}
.account_wrap .aside .snb li:first-child {margin-top:0;}
.account_wrap .aside .snb a {display:block; padding:0 10px; height:40px; border-radius:5px; font-size:16px; transition:background-color .1s ease-in-out;}
.account_wrap .aside .snb a:hover,
.account_wrap .aside .snb a.selected {background-color:#3771fe; text-decoration:none;}
.account_wrap .aside .snb a:hover .beta:after,
.account_wrap .aside .snb a.selected .beta:after {color:#fff;}
.account_wrap .aside .snb i {float:left; margin:2px 10px 0 0; width:34px; height:36px; line-height:35px; text-align:center; font-size:20px;}
.account_wrap .aside .snb span {position:relative; float:left; line-height:37px; font-size:16px;}
.account_wrap .aside .snb span.beta:after {position:absolute; top:4px; right:-31px; height:15px; line-height:15px; font-size:11px; content:'BETA'; color:#3771fe;}

.account_wrap .aside .disconnect {margin-top:10px; padding-top:10px; border-top:1px solid rgba(255, 255, 255, 0.08);}
.account_wrap .aside .btn_disconnect {display:block; padding-left:10px; height:40px; line-height:38px; border-radius:5px; font-size:16px; transition:background-color .1s ease-in-out;}
.account_wrap .aside .btn_disconnect:hover {background-color:#3771fe; text-decoration:none;}
.account_wrap .cont {padding:0 20px 20px 300px;}
.account_wrap .cont .summary {padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.account_wrap .cont .summary .tit {font-size:40px;}
.account_wrap .cont .summary .tx {margin-top:10px; color:#627597;}

/* auth_area */
.auth_area .input_otp {margin-bottom:30px;}
.auth_area .input_otp dt {margin-bottom:10px; font-size:17px;}
.auth_area .input_otp dd {position:relative; padding-right:130px;}
.auth_area .input_otp input {padding:0 20px; width:100%; height:50px; line-height:50px; border-radius:5px; border:none; background-color:var(--bg-color-1); box-sizing:border-box; font-size:17px;}
.auth_area .input_otp input::placeholder {font-size:15px;}
.auth_area .input_otp button {position:absolute; top:0; right:0; width:120px; height:50px; line-height:48px; border:none; border-radius:5px; font-size:17px; background-color:#3771fe;}
.auth_area .input_otp.complete input {font-size:15px; color:#627597;}
.auth_area .input_otp.complete button {background-color:var(--bg-color-1); color:#627597; cursor:not-allowed;}
.auth_area .tip p {height:31px; line-height:31px; color:#627597;}
.auth_area .tip p.c {color:#d389f9;}

/* inventory_area */
.inventory_area .summary {margin-bottom:10px !important; border-bottom:none !important;}
.inventory_area .tab {position:relative; margin-bottom:20px; height:46px; line-height:46px;}
.inventory_area .tab:after {position:absolute; content:''; bottom:0; left:0; right:0; height:1px; background-color:rgba(255, 255, 255, 0.08);}
.inventory_area .tab li {float:left;}
.inventory_area .tab a {position:relative; display:block; padding:0 25px; font-size:17px;}
.inventory_area .tab a.selected:after {position:absolute; content:''; bottom:0; left:0; right:0; height:2px; background-color:#3771fe;}
.inventory_area .tab a.selected:before {position:absolute; content:''; top:0; right:0; bottom:0; left:0; background:linear-gradient(180deg, rgba(55, 113, 254, 0) 0%, rgba(55, 113, 254, 0.14) 100%);}
.inventory_area .inventory_info {display:flex; margin-bottom:20px; padding:30px; border-radius:5px; background-color:var(--bg-color-1);}
.inventory_area .inventory_info .box {flex:1; position:relative;}
.inventory_area .inventory_info .box:first-child {margin-left:0;}
.inventory_area .inventory_info .box dt {margin-bottom:3px; font-size:15px; font-weight:200; color:#627597;}
.inventory_area .inventory_info .box dd {font-size:26px; font-weight:200; color:#fff;}
.inventory_area .inventory_info .btn_area {float:right;}
.inventory_area .inventory_info .btn_area .btn {padding:0 20px; margin:6px 0 0 0; height:40px; line-height:40px; border-radius:5px; font-size:17px; background-color:#3771fe; color:#fff;}

/* inventory list */
.inventory_table_list {padding:0 20px 20px 20px; border:1px solid rgba(255, 255, 255, 0.08); border-radius:5px;}
.inventory_table_list .table {width:100%; border:none;}
.inventory_table_list thead tr {border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.inventory_table_list tr:nth-child(even) {border-bottom:none;}
.inventory_table_list tr:nth-child(even) td {background-color:rgba(255, 255, 255, 0.03);}
.inventory_table_list th {height:55px; font-weight:100; font-size:14px; color:#fff;}
.inventory_table_list td {padding:10px 0; height:70px; text-align:center; color:#627597; box-sizing:border-box;}
.inventory_table_list tr:hover td {background-color:var(--bg-color-0);}
.inventory_table_list .th_nft,
.inventory_table_list .td_nft {padding-left:15px !important; text-align:left !important;}
.inventory_table_list .td_nft {position:relative; cursor:pointer;}
.inventory_table_list .nft_img {position:relative; float:left; margin-right:5px; width:50px; height:50px; border-radius:5px; box-shadow:0 1px 5px #000;}
.inventory_table_list .name {float:left; box-sizing:border-box;}
.inventory_table_list .name dt {margin-top:3px; font-size:14px; color:#b3ffff;}
.inventory_table_list .name dt .none {display:none;}
.inventory_table_list .name dd {display:inline-block; font-size:18px; font-weight:200;}
.inventory_table_list .name dd i {margin-left:5px; font-size:15px;}
.inventory_table_list .hero_img {position:relative; float:left; margin-right:10px; width:50px; height:50px; line-height:31px; text-indent:-9999px; border-radius:5px; box-shadow:0 1px 5px #000;}
.inventory_table_list .hero_img.none {background:rgba(255, 255, 255, 0.05) url('/images/ic_none_hero.png') no-repeat;}
.inventory_table_list .td_multiple a {display:inline-block; width:60px; height:30px; line-height:25px; text-align:center; border-radius:15px; border:2px solid #627597; box-sizing:border-box; color:#627597;}

.inventory_table_list .td_id {color:#fff;}
.inventory_table_list .td_durability {color:#e5c545;}
.inventory_table_list .td_btn {position:relative; font-size:0;}
.inventory_table_list .td_btn .ly_manage {display:none; position:absolute; top:55px; right:4px; padding:10px 0; background-color:#182237; border-radius:5px;  box-shadow:0 1px 15px #111; z-index:10;}
.inventory_table_list .td_btn .ly_manage li {width:120px;}
.inventory_table_list .td_btn .ly_manage a {display:block; padding:0 20px; line-height:30px; text-align:left; cursor:pointer; font-weight:normal;}
.inventory_table_list .td_btn .ly_manage a:hover {background-color:var(--bg-color-1); text-decoration:none;}
.inventory_table_list .td_btn .ly_manage i {margin-right:10px;}
.inventory_table_list .td_packaging_btn .ly_manage {right:-11px;}
.inventory_table_list .td_bound {color:#e5c545;}
.inventory_table_list .td_bound a {color:#e5c545;}
.inventory_table_list .td_bound i {margin-left:5px;}
.inventory_table_list .btn {padding:0 10px; height:30px; border-radius:5px; background-color:#3771fe; font-weight:normal;}
.inventory_table_list .btn:first-child {margin-right:5px;}
.inventory_table_list .btn i {margin-right:5px;}
.inventory_table_list .td_nft.NORMAL .name dt {color:#84e95f;}
.inventory_table_list .td_nft.RARE .name dt {color:#32d7f1;}
.inventory_table_list .td_nft.SUPERRARE .name dt {color:#f565fc;}
.inventory_table_list .td_nft.GENESIS .name dt {color:#d389f9;}
.inventory_table_list .td_multiple.NORMAL a {border-color:#84e95f; color:#84e95f;}
.inventory_table_list .td_multiple.RARE a {border-color:#32d7f1; color:#32d7f1;}
.inventory_table_list .td_multiple.SUPERRARE a {border-color:#f565fc; color:#f565fc;}
.inventory_table_list .question_mark {cursor:help;}
.inventory_table_list .question_mark i {margin-left:5px; color:#566785;}
.inventory_table_list .status {display:none; position:absolute; top:10px; left:15px; width:50px; height:50px; cursor:help;}
.inventory_table_list .status em {display:block; width:15px; height:15px; line-height:15px; text-align:center; background-color:#000; color:#fff; font-size:11px; box-shadow:0 1px 5px #000;}
.inventory_table_list .bound_detail {position:relative; padding:5px 10px; margin:0 auto; width:210px; border-radius:5px; background:#1d2136;}
.inventory_table_list .bound_detail:after {display:block; content:''; clear:both;}
.inventory_table_list .bound_detail dt {float:left; clear:right; height:21px; line-height:21px; font-weight:normal; font-size:12px;}
.inventory_table_list .bound_detail dd {float:right; height:21px; line-height:21px; font-weight:normal; color:#e5c545; font-size:12px;}
.inventory_table_list .PACK .hero_img.none,
.inventory_table_list .UNPACK .hero_img.none {background:#111 url('/images/ic_none_hero.png') no-repeat;}
.inventory_table_list .ACTIVE_PACK .status,
.inventory_table_list .PACK .status,
.inventory_table_list .UNPACK .status {display:block;}
.inventory_table_list .ACTIVE_PACK .status em,
.inventory_table_list .PACK .status em {background-color:#3771fe;}
.inventory_table_list .UNPACK .status em {background-color:#a03c06;}
.inventory_table_list .ACTIVE_PACK .status em:before {content:'P';}
.inventory_table_list .PACK .status em:before {content:'P';}
.inventory_table_list .UNPACK .status em:before {content:'U';}
.inventory_table_list .ACTIVE_PACK .BADGE_60x60.NORMAL,
.inventory_table_list .PACK .BADGE_60x60.NORMAL,
.inventory_table_list .UNPACK .BADGE_60x60.NORMAL {background-image:url('/images/nft/badge/100x100/NORMAL_DISABLE.png') !important;}
.inventory_table_list .ACTIVE_PACK .BADGE_60x60.RARE,
.inventory_table_list .PACK .BADGE_60x60.RARE,
.inventory_table_list .UNPACK .BADGE_60x60.RARE {background-image:url('/images/nft/badge/100x100/RARE_DISABLE.png') !important;}
.inventory_table_list .ACTIVE_PACK .BADGE_60x60.SUPERRARE,
.inventory_table_list .PACK .BADGE_60x60.SUPERRARE,
.inventory_table_list .UNPACK .BADGE_60x60.SUPERRARE {background-image:url('/images/nft/badge/100x100/SUPERRARE_DISABLE.png') !important;}
.inventory_table_list .ACTIVE_PACK .HERO_60x60,
.inventory_table_list .PACK .HERO_60x60,
.inventory_table_list .UNPACK .HERO_60x60,
.inventory_table_list .ACTIVE_PACK .GENESIS_50x50,
.inventory_table_list .PACK .GENESIS_50x50,
.inventory_table_list .UNPACK .GENESIS_50x50 {filter: grayscale(100%);}
.inventory_table_list .ACTIVE_PACK .name dt,
.inventory_table_list .PACK .name dt,
.inventory_table_list .UNPACK .name dt {color:#627597 !important;}
.inventory_table_list .ACTIVE_PACK .name dd,
.inventory_table_list .PACK .name dd,
.inventory_table_list .UNPACK .name dd {color:#627597 !important;}
.inventory_table_list .ACTIVE_PACK td,
.inventory_table_list .PACK td,
.inventory_table_list .UNPACK td {color:#627597 !important;}
.inventory_table_list .PACK .td_bound,
.inventory_table_list .PACK .td_bound a {color:#627597 !important;}
.inventory_table_list .ACTIVE_PACK .btn_manage,
.inventory_table_list .ACTIVE_PACK .btn_change,
.inventory_table_list .PACK .btn_manage,
.inventory_table_list .PACK .btn_change,
.inventory_table_list .UNPACK .btn_manage,
.inventory_table_list .UNPACK .btn_change {background-color:var(--bg-color-1); color:#627597; cursor:not-allowed; font-weight:100;}

/* layer_nft_balances */
.layer_nft_balances ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(7,15,37,.85); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000; backdrop-filter:blur(10px);}
.layer_nft_balances ._box {position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:1001;}
.layer_nft_balances .inner {position:relative; padding:30px; border-radius:10px; background-color:#181d32;}
.layer_nft_balances .btn_area {display:flex; margin:0 -5px;}
.layer_nft_balances .btn_area .button,
.layer_nft_balances .btn_area button {flex:1; margin:0 5px; width:50%; height:50px; line-height:50px; text-align:center; border-radius:5px; font-size:17px; color:#fff; background-color:var(--bg-color-1);}
.layer_nft_balances .btn_area .btn_submit {background-color:var(--bg-color-2); color:#627597; cursor:not-allowed;}
.layer_nft_balances .btn_area .btn_submit.activate {background-color:#3771fe; color:#fff; cursor:pointer;}
.layer_nft_balances .btn_area .btn_detail_history {background-color:#3771fe; color:#fff;}
.layer_nft_balances .apply_box {width:500px;}
.layer_nft_balances .apply_box .tit {margin-bottom:50px; font-size:33px; font-weight:300; text-align:center; color:#fff;}
.layer_nft_balances .apply_box .select_info {padding:0 20px; margin-bottom:5px; height:40px; line-height:40px; border-radius:5px; background:var(--bg-color-1);}
.layer_nft_balances .apply_box .select_info p {float:left; color:#627597;}
.layer_nft_balances .apply_box .select_info span {color:#fff;}
.layer_nft_balances .apply_box .select_info .btn_lnk {float:right; text-decoration:underline; color:#3771fe;}
.layer_nft_balances .apply_box .nft_list {margin-bottom:10px; padding:10px 20px; border-radius:5px; background:var(--bg-color-1);}
.layer_nft_balances .apply_box .nft_list .hd {padding-right:10px;}
.layer_nft_balances .apply_box .nft_list .bd {padding:10px 0;}
.layer_nft_balances .apply_box .nft_list .scroll_box {padding-right:10px; min-height:200px; max-height:350px; overflow:auto;}
.layer_nft_balances .apply_box .nft_list .scroll_box::-webkit-scrollbar-track {border-radius:3px; background-color:#111;}
.layer_nft_balances .apply_box .nft_list .scroll_box::-webkit-scrollbar {width:7px;}
.layer_nft_balances .apply_box .nft_list .scroll_box::-webkit-scrollbar-thumb {height:50px; background-color:#3771fe; border-radius:3px;}
.layer_nft_balances .apply_box .nft_list table {width:100%; border:none;}
.layer_nft_balances .apply_box .nft_list table thead tr {border-bottom:1px solid var(--bg-color-1);}
.layer_nft_balances .apply_box .nft_list table tbody tr {border-bottom:1px solid var(--bg-color-2);}
.layer_nft_balances .apply_box .nft_list table th {height:35px; text-align:center; font-weight:100; font-size:14px; color:#fff;}
.layer_nft_balances .apply_box .nft_list table td {height:65px; text-align:center; color:#627597;}
.layer_nft_balances .apply_box .nft_list input {display:none;}
.layer_nft_balances .apply_box .nft_list label {display:inline-block; height:40px; line-height:40px; color:#627597;}
.layer_nft_balances .apply_box .nft_list label:before {display:block; padding:0 10px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:400; content:"\f0c8"; font-size:21px; color:#627597;}
.layer_nft_balances .apply_box .nft_list input:checked + label:before {content:"\f14a"; color:#3771fe;}
.layer_nft_balances .apply_box .nft_list .hd label:before {color:#fff;}
.layer_nft_balances .apply_box .nft_list .td_nft {text-align:left;}
.layer_nft_balances .apply_box .nft_list .td_nft .nft_img {display:inline-block; margin-right:10px; width:45px; height:45px; line-height:45px; text-indent:-9999px; box-shadow:0 1px 5px #000;}
.layer_nft_balances .apply_box .nft_list .NORMAL {color:#99f27e;}
.layer_nft_balances .apply_box .nft_list .RARE {color:#55c9fc;}
.layer_nft_balances .apply_box .nft_list .SUPERRARE {color:#f565fc;}
.layer_nft_balances .apply_box .nft_list .GENESIS {color:#c97ff3;}
.layer_nft_balances .apply_box .tip {margin-bottom:30px;}
.layer_nft_balances .apply_box .tip_box {padding:15px 20px; background-color:var(--bg-color-1);}
.layer_nft_balances .apply_box .tip_box p {line-height:31px; color:#627597;}
.layer_nft_balances .apply_box .error_box {margin-top:10px; padding:10px 20px; line-height:21px; border-radius:5px; background-color:#ac2052;}
.layer_nft_balances .apply_box .error_box:before {margin-right:10px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:900; content:"\f057"; font-size:17px;}
.layer_nft_balances .apply_box .history_none {width:100%; height:250px; border:none;}
.layer_nft_balances .apply_box .history_none .icon {margin:20px auto 0 auto;}
.layer_nft_balances .apply_box .history_none .fa-folder {font-size:100px;}
.layer_nft_balances .apply_box .history_none .fa-xmark {top:50px;}
.layer_nft_balances .apply_box .history_none .tit {margin-bottom:10px; font-size:21px;}
.layer_nft_balances .apply_box .history_none .tip {font-size:17px; color:#627597;}
.layer_nft_balances .badge_apply_box {width:800px;}
.layer_nft_balances .genesis_apply_box {width:715px;}
.layer_nft_balances .cont_loader {height:300px;}
.layer_nft_balances .transaction_box {position:relative; width:500px;}
.layer_nft_balances .transaction_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_nft_balances .transaction_box .tit dt {margin-bottom:10px; font-size:30px; font-weight:300; color:#fff;}
.layer_nft_balances .transaction_box .tit dd {color:#627597; font-size:17px;}
.layer_nft_balances .transaction_box .processing_tx {position:absolute; top:13px; left:50%; margin-left:-73px; width:150px; height:150px; line-height:150px; text-align:center;}
.layer_nft_balances .transaction_box .processing_ani,
.layer_nft_balances .transaction_box .processing_ani:after {width:150px; height:150px; border-radius:50%;}
.layer_nft_balances .transaction_box .processing_ani {margin:20px auto 20px auto; position:relative; border:10px solid rgba(255, 255, 255, 0.2); border-left:10px solid #3771fe; transform: translateZ(0); animation: processing 2s infinite linear;}
@keyframes processing {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
.layer_nft_balances .success_box {width:500px;}
.layer_nft_balances .success_box .check {margin:20px auto 20px auto; width:150px; height:150px; border:10px solid #3771fe; border-radius:100%;}
.layer_nft_balances .success_box .check i {display:block; margin-top:25px; text-align:center; font-size:100px; color:#3771fe;}
.layer_nft_balances .success_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_nft_balances .success_box .tit dt {margin-bottom:10px; font-size:30px; font-weight:300; color:#fff;}
.layer_nft_balances .success_box .tit dd {color:#627597; font-size:17px;}
.layer_nft_balances .bound_detail {position:relative; padding:5px 10px; margin:0 auto; width:160px; border-radius:5px; background:#1d2136;}
.layer_nft_balances .bound_detail:after {display:block; content:''; clear:both;}
.layer_nft_balances .bound_detail dt {float:left; clear:right; height:21px; line-height:21px; font-weight:normal; font-size:12px;}
.layer_nft_balances .bound_detail dd {float:right; height:21px; line-height:21px; font-weight:normal; color:#35e9c5; font-size:12px;}

/* layer_hero_change */
.layer_hero_change ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(7,15,37,.85); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000; backdrop-filter:blur(10px);}
.layer_hero_change ._box {position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:1001;}
.layer_hero_change .inner {position:relative; padding:30px; width:645px; border-radius:10px; background-color:#181d32;}
.layer_hero_change .tit {margin-bottom:50px; font-size:33px; font-weight:300; text-align:center; color:#fff;}
.layer_hero_change .btn_area {display:flex; margin:0 -5px;}
.layer_hero_change .btn_area button {flex:1; margin:0 5px; width:50%; height:50px; line-height:50px; text-align:center; border-radius:5px; font-size:17px; color:#fff; background-color:var(--bg-color-1);}
.layer_hero_change .btn_area .btn_submit {background-color:#3771fe; color:#fff; cursor:pointer;}
.layer_hero_change .btn_area .btn_submit:disabled {background-color:var(--bg-color-1) !important; box-shadow:none !important; color:#627597; cursor:not-allowed;}
.layer_hero_change .nft_info {padding:10px 10px 10px 15px; margin-bottom:5px; border-radius:5px; background:var(--bg-color-1);}
.layer_hero_change .nft_info:after {display:block; content:''; clear:both;}
.layer_hero_change .nft_info .nft_img {position:relative; float:left; margin-right:15px; width:50px; height:50px; border-radius:5px; box-shadow:0 1px 5px #000;}
.layer_hero_change .nft_info .name {float:left; box-sizing:border-box;}
.layer_hero_change .nft_info .name dt {margin:3px 0 2px 0; font-size:14px; color:#b3ffff;}
.layer_hero_change .nft_info .name dd {display:inline-block; font-size:18px; font-weight:200;}
.layer_hero_change .nft_info .name dd em {margin-left:10px;}
.layer_hero_change .nft_info .name.NORMAL dt {color:#84e95f;}
.layer_hero_change .nft_info .name.RARE dt {color:#32d7f1;}
.layer_hero_change .nft_info .name.SUPERRARE dt {color:#f565fc;}
.layer_hero_change .cont_loader {height:415px;}
.layer_hero_change .tip {margin-bottom:30px;}
.layer_hero_change .error_box {margin-top:10px; padding:10px 20px; line-height:21px; border-radius:5px; background-color:#ac2052;}
.layer_hero_change .error_box:before {margin-right:10px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:900; content:"\f057"; font-size:17px;}
.layer_hero_change .hero_list {display:flex; padding:15px; margin-top:15px; flex-direction:row; flex-wrap:wrap; column-gap:15px; row-gap:15px; background:var(--bg-color-1);}
.layer_hero_change .hero_list label {position:relative; display:flex; width:90px; height:90px; border-radius:10px; overflow:hidden; transition: all 0.1s linear;}
.layer_hero_change .hero_list label span {position:absolute; bottom:0; left:0; right:0; height:25px; line-height:25px; text-align:center; box-sizing:border-box; z-index:1; backdrop-filter:blur(4px); color:#eee; font-size:14px;}
.layer_hero_change .hero_list label:first-of-type {margin-left:0;}
.layer_hero_change .hero_list label:after {display:none; position:absolute; top:0; left:0; content:''; width:90px; height:90px; border:3px solid #7a01e0; border-radius:10px; box-sizing:border-box; z-index:10;}
.layer_hero_change .hero_list label:before {display:none; position:absolute; top:5px; right:6px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:900; content:"\f058"; font-size:20px;}
.layer_hero_change .hero_list label:hover {transform:scale(1.05); z-index:10;}
.layer_hero_change .hero_list label:hover span {display:block;}
.layer_hero_change .hero_list input {display:none;}
.layer_hero_change .hero_list input:checked + label:before,
.layer_hero_change .hero_list input:checked + label:after {display:block;}
.layer_hero_change .hero_list input:checked + label span {color:#fff;}
.layer_hero_change .hero_list.NORMAL label:before {color:#84e95f;}
.layer_hero_change .hero_list.RARE label:before {color:#32d7f1;}
.layer_hero_change .hero_list.SUPERRARE label:before {color:#f565fc;}
.layer_hero_change .hero_list.NORMAL label:after {border-color:#84e95f;}
.layer_hero_change .hero_list.RARE label:after {border-color:#32d7f1;}
.layer_hero_change .hero_list.SUPERRARE label:after {border-color:#f565fc;}

/* layer_repair */
.layer_repair ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(7,15,37,.85); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000; backdrop-filter:blur(10px);}
.layer_repair ._box {position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:1001;}
.layer_repair .inner {position:relative; padding:30px; width:550px; border-radius:10px; background-color:#181d32;}
.layer_repair .btn_area {display:flex; margin:0 -5px;}
.layer_repair .btn_area .button,
.layer_repair .btn_area button {flex:1; margin:0 5px; width:50%; height:50px; line-height:50px; text-align:center; border-radius:5px; font-size:17px; color:#fff; background-color:var(--bg-color-1);}
.layer_repair .btn_area .btn_submit {color:#627597; cursor:not-allowed;}
.layer_repair .btn_area .btn_submit.activate {background-color:#3771fe; cursor:pointer; color:#fff;}
.layer_repair .btn_area .btn_detail_history {background-color:#3771fe; color:#fff;}
.layer_repair .repair_box .tit {margin-bottom:50px; font-size:33px; font-weight:300; text-align:center; color:#fff;}
.layer_repair .info {margin-bottom:30px;}
.layer_repair .info dl:after {display:block; content:''; clear:both;}
.layer_repair .info dt:first-of-type,
.layer_repair .info dd:first-of-type {margin-top:0;}
.layer_repair .info dt {float:left; margin-top:15px; clear:right; height:40px; line-height:40px; color:#627597;}
.layer_repair .info dt:first-of-type {float:none;}
.layer_repair .info dt .dia {float:right;}
.layer_repair .info dt .dia em {color:#3771fe;}
.layer_repair .info dd {float:right; margin-top:15px; height:40px; line-height:40px;}
.layer_repair .repair_nft_list {float:none !important; clear:both; height:initial !important;}
.layer_repair .repair_nft_list {display:flex; flex-wrap:wrap; float:none; padding:8px 10px; height:initial; border-radius:5px; background-color:var(--bg-color-1); justify-content:center;}
.layer_repair .repair_nft_list span {flex:0 0 auto; margin-bottom:10px; padding:0 5px; position:relative; width:20%; text-align:center; box-sizing:border-box;}
.layer_repair .repair_nft_list em {display:block; position:relative;}
.layer_repair .repair_nft_list em:after {position:absolute; content:''; left:0; right:0; bottom:0; height:2px; background-color:#3771fe;}
.layer_repair .repair_nft_list .NORMAL em:after {background-color:#99f27e;}
.layer_repair .repair_nft_list .RARE em:after {background-color:#32d7f1;}
.layer_repair .repair_nft_list .SUPERRARE em:after {background-color:#f565fc;}
.layer_repair .repair_nft_list .NORMAL {color:#99f27e;}
.layer_repair .repair_nft_list .RARE {color:#32d7f1;}
.layer_repair .repair_nft_list .SUPERRARE {color:#f565fc;}
.layer_repair .curr_durability {font-size:17px;}
.layer_repair .repair_setup input {float:left; width:80px; height:40px; border:none; text-align:center; background-color:var(--bg-color-2); font-size:17px;}
.layer_repair .repair_setup .btn {float:left; margin:0 5px; width:40px; height:40px; background-color:var(--bg-color-0); border-radius:5px;}
.layer_repair .repair_setup .btn:hover {background-color:var(--bg-color-1);}
.layer_repair .repair_setup .btn.btn_max {padding:0 10px; margin:0 0 0 0; width:initial; color:#3771fe;}
.layer_repair .repair_setup .btn.btn_cost {float:left; margin:0 0 0 10px;  padding:0 15px; width:initial; height:40px; background-color:#3771fe; border-radius:5px;}
.layer_repair .repair_setup .btn.btn_cost.disabled {background-color:var(--bg-color-1); color:#627597; cursor:not-allowed;}
.layer_repair .completed_durability {font-size:17px; color:#3771fe;}
.layer_repair .detail_table {margin-top:20px; padding:15px 20px; background-color:var(--bg-color-1);}
.layer_repair .detail_table .cell_name {width:38%; padding-left:10px; text-align:left;}
.layer_repair .detail_table .cell_grade {width:20%;}
.layer_repair .detail_table .cell_repair {width:20%;}
.layer_repair .detail_table .cell_cost {width:22%;}
.layer_repair .detail_table .detail_th {display:table; width:100%; margin-bottom:5px; line-height:31px; text-align:center; border-bottom:1px solid var(--bg-color-1);}
.layer_repair .detail_table .detail_th span {display:table-cell; box-sizing:border-box;}
.layer_repair .detail_table .detail_td {max-height:150px; overflow:auto;}
.layer_repair .detail_table .detail_td::-webkit-scrollbar-track {border-radius:3px; background-color:#111;}
.layer_repair .detail_table .detail_td::-webkit-scrollbar {width:7px;}
.layer_repair .detail_table .detail_td::-webkit-scrollbar-thumb {height:50px; background-color:#3771fe; border-radius:3px;}
.layer_repair .detail_table .detail_td li {display:table; width:100%; line-height:41px; text-align:center; border-bottom:1px solid var(--bg-color-2);}
.layer_repair .detail_table .detail_td li:last-child {border-bottom:none;}
.layer_repair .detail_table .detail_td li span {display:table-cell; color:#627597;}
.layer_repair .detail_table .cell_grade.NORMAL {color:#99f27e;}
.layer_repair .detail_table .cell_grade.RARE {color:#55c9fc;}
.layer_repair .detail_table .cell_grade.SUPERRARE {color:#f565fc;}
.layer_repair .detail_table .total {margin-top:5px; padding-top:15px; line-height:31px; color:#fff; text-align:center; border-top:1px solid var(--bg-color-1);}
.layer_repair .detail_table .total strong {color:#00bbc9;}
.layer_repair .error_box {margin-top:10px; padding:10px 20px; line-height:21px; border-radius:5px; background-color:#ac2052;}
.layer_repair .error_box:before {margin-right:10px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:900; content:"\f057"; font-size:17px;}
.layer_repair .success_box .check {margin:20px auto 20px auto; width:150px; height:150px; border:10px solid #3771fe; border-radius:100%;}
.layer_repair .success_box .check i {display:block; margin-top:25px; text-align:center; font-size:100px; color:#3771fe;}
.layer_repair .success_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_repair .success_box .tit dt {margin-bottom:10px; font-size:30px; font-weight:300; color:#fff;}
.layer_repair .success_box .tit dd {color:#627597; font-size:17px;}

/* layer_packaging_list */
.layer_packaging_list ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(7,15,37,.85); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000; backdrop-filter:blur(10px);}
.layer_packaging_list ._box {position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:1001;}
.layer_packaging_list .inner {position:relative; padding:30px;  min-width:550px; max-width:820px; border-radius:10px; background-color:#181d32;}
.layer_packaging_list .tit {margin-bottom:50px; font-size:33px; font-weight:300; text-align:center; color:#fff;}
.layer_packaging_list .btn_area {display:flex; margin:0 -5px;}
.layer_packaging_list .btn_area button,
.layer_packaging_list .btn_area .button {flex:1; margin:0 5px; width:50%; height:50px; line-height:50px; text-align:center; border-radius:5px; font-size:17px; color:#fff; background-color:var(--bg-color-1);}
.layer_packaging_list .btn_area .btn_lnk {background-color:#3771fe; color:#fff; cursor:pointer;}
.layer_packaging_list .play_info {position:relative; padding:10px 10px 10px 15px; margin-bottom:5px; border-radius:5px; background:var(--bg-color-1);}
.layer_packaging_list .play_info:after {display:block; content:''; clear:both;}
.layer_packaging_list .play_info .nft_img {position:relative; float:left; margin-right:15px; width:50px; height:50px; border-radius:5px; box-shadow:0 1px 5px #000;}
.layer_packaging_list .play_info .name {float:left; box-sizing:border-box;}
.layer_packaging_list .play_info .name dt {margin:3px 0 2px 0; font-size:14px; color:#b3ffff;}
.layer_packaging_list .play_info .name dd {display:inline-block; font-size:18px; font-weight:200;}
.layer_packaging_list .play_info .name dd em {margin-left:10px;}
.layer_packaging_list .play_info .name .multiple {position:absolute; top:20px; right:20px; width:60px; height:30px; line-height:25px; text-align:center; border-radius:15px; border:2px solid #627597; box-sizing:border-box; color:#627597;}
.layer_packaging_list .play_info .name.NORMAL dt {color:#84e95f;}
.layer_packaging_list .play_info .name.RARE dt {color:#32d7f1;}
.layer_packaging_list .play_info .name.SUPERRARE dt {color:#f565fc;}
.layer_packaging_list .play_info .name.NORMAL .multiple {color:#84e95f; border-color:#84e95f;}
.layer_packaging_list .play_info .name.RARE .multiple {color:#32d7f1; border-color:#32d7f1;}
.layer_packaging_list .play_info .name.SUPERRARE .multiple {color:#f565fc; border-color:#f565fc;}
.layer_packaging_list .cont_loader {height:415px;}
.layer_packaging_list .list {margin-bottom:20px; padding:15px; background:var(--bg-color-1);}
.layer_packaging_list .list dt {margin-top:5px;}
.layer_packaging_list .list dl:first-child {margin-bottom:30px;}
.layer_packaging_list .list dd {display:flex; margin-top:15px; flex-direction:row; flex-wrap:wrap; column-gap:10px; row-gap:10px;}
.layer_packaging_list .item {position:relative; display:flex; width:70px; height:70px; border-radius:10px; overflow:hidden; transition: all 0.1s linear; background-color:#081029;}
.layer_packaging_list .item:hover {transform:scale(1.05);}
.layer_packaging_list .item.BADGE {background-size:70px 70px !important;}
.layer_packaging_list .item.GENESIS {background-color:#081029 !important; background-image:url('/images/nft/genesis/GENESIS_NFT_100X100.png') !important; background-position:center center !important; background-repeat:no-repeat !important; background-size:70px 70px;}
.layer_packaging_list .item .token_id {position:absolute; bottom:0; left:0; right:0; height:25px; line-height:25px; text-align:center; box-sizing:border-box; z-index:1; backdrop-filter:blur(3px); font-size:13px; color:#eee;}

/* ingame_area */
.ingame_area .reward_table {padding:0 20px 20px 20px; border:1px solid rgba(255, 255, 255, 0.08); border-radius:5px;}
.ingame_area .reward_table table {width:100%; border:none;}
.ingame_area .reward_table table thead tr {border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.ingame_area .reward_table table tr:nth-child(even) {border-bottom:none;}
.ingame_area .reward_table table tr:nth-child(even) td {background-color:rgba(255, 255, 255, 0.05);}
.ingame_area .reward_table table th {height:55px; font-weight:100; font-size:14px; color:#fff;}
.ingame_area .reward_table table td {height:55px; text-align:center; color:#627597;}
.ingame_area .reward_table table .th_nft,
.ingame_area .reward_table table .td_nft {padding-left:10px; text-align:left;}
.ingame_area .reward_table table .hero_img {position:relative; display:inline-block; width:31px; height:31px; line-height:31px; text-indent:-9999px; border-radius:5px; box-shadow:0 1px 5px #000; cursor:pointer;}
.ingame_area .reward_table table .hero_img em {display:none; position:absolute; top:-27px; left:50%; margin-left:-40px; width:80px; height:21px; line-height:21px; border-radius:11px; text-align:center; background-color:#3771fe; color:#fff; text-indent:0;}
.ingame_area .reward_table table .hero_img em:after {position:absolute; content:''; top:21px; left:50%; margin-left:-5px; border:5px solid transparent; border-top:5px solid #3771fe;}
.ingame_area .reward_table table .hero_img:hover em {display:block;}
.ingame_area .reward_table table .td_grade.NORMAL {color:#99f27e;}
.ingame_area .reward_table table .td_grade.RARE {color:#55c9fc;}
.ingame_area .reward_table table .td_grade.SUPERRARE {color:#f565fc;}
.ingame_area .reward_table table .td_grade.GENESIS {color:#c97ff3;}
.ingame_area .reward_table table .th_dia,
.ingame_area .reward_table table .td_dia {padding-right:15px; text-align:right;}
.ingame_area .reward_table table .td_detail span {display:inline-block; padding:0 10px; height:25px; line-height:25px; text-align:center; border-radius:2px; font-size:14px;}
.ingame_area .reward_table table .td_detail span.WIN {color:#3771fe;}
.ingame_area .reward_table table .td_detail span.COMPENSATION {color:#db77ea;}
.ingame_area .reward_table .multiple {display:none; margin-left:5px; width:40px; height:21px; line-height:21px; text-align:center; border:1px solid #3771fe; color:#3771fe;}
.ingame_area .reward_table .multiple.x5, .reward_table .multiple.x10, .reward_table .multiple.x15, .reward_table .multiple.x20 {display:inline-block;}
.ingame_area .curr_dia {display:flex; margin-bottom:20px; padding:30px; border-radius:5px; background-color:var(--bg-color-1);}
.ingame_area .curr_dia .box {flex:1; position:relative;}
.ingame_area .curr_dia .box:first-child {margin-left:0;}
.ingame_area .curr_dia .box dt {margin-bottom:3px; font-size:15px; font-weight:200; color:#627597;}
.ingame_area .curr_dia .box dd {font-size:26px; color:#fff; font-weight:200;}
.ingame_area .curr_dia .box.today dd {color:#3771fe;}

/* packaging_area */
.packaging_area .summary {margin-bottom:10px !important; border-bottom:none !important;}
.packaging_area .summary .tit {position:relative;}
/*.packaging_area .summary .tit:after {position:absolute; top:-3px; left:190px; height:15px; line-height:15px; font-size:13px; content:'BETA'; color:#3771fe;}*/
.packaging_area .tab {position:relative; margin-bottom:20px; height:46px; line-height:46px;}
.packaging_area .tab:after {position:absolute; content:''; bottom:0; left:0; right:0; height:1px; background-color:rgba(255, 255, 255, 0.08);}
.packaging_area .tab li {float:left;}
.packaging_area .tab a {position:relative; display:block; padding:0 25px; font-size:17px;}
.packaging_area .tab a.selected:after {position:absolute; content:''; bottom:0; left:0; right:0; height:2px; background-color:#3771fe;}
.packaging_area .tab a.selected:before {position:absolute; content:''; top:0; right:0; bottom:0; left:0; background:linear-gradient(180deg, rgba(55, 113, 254, 0) 0%, rgba(55, 113, 254, 0.14) 100%);}
.packaging_area .btn_area button {margin:0 auto 20px auto; width:100%; height:50px; line-height:48px; border:none; border-radius:5px; font-size:17px; text-align:center; background-color:var(--bg-color-1); color:#627597; cursor:not-allowed; }
.packaging_area .btn_area button i {margin-right:10px;}
.packaging_area .btn_area button.on {background-color:#3771fe; color:#fff; cursor:pointer;}
.packaging_area .nft_list {margin-bottom:10px; border-radius:5px; overflow:hidden;}
.packaging_area .nft_list .sub_tab {display:flex;}
.packaging_area .nft_list .sub_tab:after {display:block; clear:both;}
.packaging_area .nft_list .sub_tab li {flex:1; width:50%;}
.packaging_area .nft_list .sub_tab a {display:block; height:51px; line-height:51px; text-align:center; color:#627597; background:var(--bg-color-2);}
.packaging_area .nft_list .sub_tab .selected {background:var(--bg-color-1); color:#fff;}
.packaging_area .nft_list .list_area {padding:10px 10px 20px 10px; background:var(--bg-color-1);}
.packaging_area .nft_list .scroll_box {padding:10px; max-height:300px; overflow:auto;}
.packaging_area .nft_list .scroll_box::-webkit-scrollbar-track {border-radius:3px; background-color:#111;}
.packaging_area .nft_list .scroll_box::-webkit-scrollbar {width:7px;}
.packaging_area .nft_list .scroll_box::-webkit-scrollbar-thumb {height:50px; background-color:#3771fe; border-radius:3px;}
.packaging_area .nft_list .item_list {display:flex; flex-wrap:wrap; position:relative;}
.packaging_area .nft_list .item {flex:0 0 auto; width:20%; padding:5px; box-sizing:border-box;}
.packaging_area .nft_list .item .inner {position:relative; /*height:70px;*/ border-radius:5px; background-color:#0a132e; overflow:hidden;}
.packaging_area .nft_list .item .inner:before {position:absolute; content:''; top:0; right:0; bottom:0; left:0; border-radius:5px; border:1px solid rgba(255, 255, 255, 0.08);}
.packaging_area .nft_list .item .inner:after {display:block; content:''; clear:both;}
.packaging_area .nft_list .item .info {clear:both; background-color:#1e283f;}
.packaging_area .nft_list .item .info {padding:5px 10px 5px 10px;}
.packaging_area .nft_list .item .info:after {display:block; content:''; clear:both;}
.packaging_area .nft_list .item .info dt {float:left; clear:right; height:21px; line-height:21px; font-size:12px; font-weight:normal; color:#627597;}
.packaging_area .nft_list .item .info dd {float:right; height:21px; line-height:21px; color:#e5c545; font-size:12px; font-weight:normal;}
.packaging_area .nft_list input {display:none;}
.packaging_area .nft_list .nft_image {float:left; margin:5px 7px 0 5px; width:60px; height:60px;}
.packaging_area .nft_list .nft_image.NORMAL {background:url('/images/nft/badge/item/100x100/icon_badge_normal.png') center center no-repeat; background-size:68px 68px;}
.packaging_area .nft_list .nft_image.RARE {background:url('/images/nft/badge/item/100x100/icon_badge_rare.png') center center no-repeat; background-size:68px 68px;}
.packaging_area .nft_list .nft_image.SUPERRARE {background:url('/images/nft/badge/item/100x100/icon_badge_superrare.png') center center no-repeat; background-size:68px 68px;}
.packaging_area .nft_list .nft_image.GENESIS {background:url('/images/nft/genesis/GENESIS_NFT_GIF.gif') center -3px no-repeat; background-size:53px 60px;}
.packaging_area .nft_list .name {float:left; margin-top:10px;}
.packaging_area .nft_list .name em {display:block; line-height:18px; color:#627597;}
.packaging_area .nft_list .n {margin-bottom:5px; font-size:12px;}
.packaging_area .nft_list .token_id {font-size:20px; font-weight:300; color:#fff;}
.packaging_area .nft_list input:checked + label .inner:before {border:2px solid #32d7f1; background-color:rgba(50, 215, 241, 0.2);}
.packaging_area .nft_list input:disabled + label {cursor:not-allowed;}
.packaging_area .nft_list input:disabled + label .inner {background-color:#161616;}
.packaging_area .nft_list input:disabled + label .info {background-color:#2a2a2a;}
.packaging_area .nft_list input:disabled + label .name em,
.packaging_area .nft_list input:disabled + label .info dt,
.packaging_area .nft_list input:disabled + label .info dd {color:#797979 !important;}
.packaging_area .nft_list input:disabled + label .nft_image.NORMAL {background:url('/images/nft/badge/item/100x100/icon_badge_normal_disable.png') center center no-repeat; background-size:68px 68px;}
.packaging_area .nft_list input:disabled + label .nft_image.RARE {background:url('/images/nft/badge/item/100x100/icon_badge_rare_disable.png') center center no-repeat; background-size:68px 68px;}
.packaging_area .nft_list input:disabled + label .nft_image.SUPERRARE {background:url('/images/nft/badge/item/100x100/icon_badge_superrare_disable.png') center center no-repeat; background-size:68px 68px;}
.packaging_area .nft_list input:disabled + label .nft_image.GENESIS {filter:grayscale(100%); opacity:0.7;}
.packaging_area .selected_area {border-radius:5px; background:var(--bg-color-1);}
.packaging_area .select_info {padding:0 20px; margin-bottom:5px; height:70px; line-height:70px; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.packaging_area .select_info p {float:left;}
.packaging_area .select_info .select_box {position:relative; float:right; margin-top:14px;}
.packaging_area .select_info .select_box .btn_select {float:left; padding:0 20px; width:180px; height:42px; line-height:42px; border-radius:5px; text-align:left; background:var(--bg-color-0); box-sizing:border-box;}
.packaging_area .select_info .select_box .btn_select:after {float:right; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:900; content:"\f150"; font-size:19px;}
.packaging_area .select_info .select_box .list {display:none; position:absolute; top:47px; left:0; padding:10px 20px; width:180px; background-color:#182032; box-sizing:border-box; border-radius:5px; box-shadow:0 1px 15px #000; z-index:10;}
.packaging_area .select_info .select_box .list input {display:none;}
.packaging_area .select_info .select_box .list label {display:block; height:40px; line-height:40px; color:#627597;}
.packaging_area .select_info .select_box .list label:before {float:left; margin-right:10px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:400; content:"\f0c8"; font-size:21px; color:#627597;}
.packaging_area .select_info .select_box .list input:checked + label {color:#3771fe;}
.packaging_area .select_info .select_box .list input:checked + label:before {content:"\f14a"; color:#3771fe;}
.packaging_area .select_info .select_box.selected .btn_select {background-color:#3771fe;}
.packaging_area .select_info .select_box.selected .btn_select:after {content:'\f151';}
.packaging_area .select_info .select_box.selected .list {display:block;}
.packaging_area .select_list {margin-bottom:10px; padding:25px;}
.packaging_area .select_list dl {position:relative;}
.packaging_area .select_list dl:last-of-type {margin-top:20px; padding-top:15px; border-top:1px solid rgba(255, 255, 255, 0.08);}
.packaging_area .select_list dt {height:31px; color:#627597;}
.packaging_area .select_list dt em {display:block; text-align:center; font-size:12px;}
.packaging_area .select_list dd {display:flex; flex-wrap:wrap; background:url('/images/packaging/sp_slot.png') no-repeat;}
.packaging_area .select_list .slot5 dd {height:72px; background-position:0 0;}
.packaging_area .select_list .slot10 dd {height:72px; background-position:0 -100px;}
.packaging_area .select_list .slot15 dd {height:144px; background-position:0 -200px;}
.packaging_area .select_list .slot20 dd {height:144px; background-position:0 -350px;}
.packaging_area .select_list .item {flex:0 0 auto; width:10%; padding:5px; box-sizing:border-box;}
.packaging_area .select_list .item .inner {position:relative; display:block; height:62px; text-align:center; border:1px dashed rgba(255, 255, 255, 0.25);}
.packaging_area .select_list .item .inner:before {position:absolute; content:''; top:0; right:0; width:17px; height:17px; line-height:17px; text-align:center; background-color:#000;}
.packaging_area .select_list .item .inner:before {font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:900; content:"\f00d"; font-size:12px;}
.packaging_area .select_list .item em {position:absolute; bottom:0; left:0; right:0; display:block; height:21px; line-height:21px; text-align:center; color:#fff;}
.packaging_area .select_list .item em {font-size:12px; background-color:rgba(0, 0, 0, 0.7);}
.packaging_area .select_list .item .inner.NORMAL {background:url('/images/nft/badge/100x100/NORMAL.png') center center no-repeat; background-size:73px 73px;}
.packaging_area .select_list .item .inner.RARE {background:url('/images/nft/badge/100x100/RARE.png') center center no-repeat; background-size:73px 73px;}
.packaging_area .select_list .item .inner.SUPERRARE {background:url('/images/nft/badge/100x100/SUPERRARE.png') center center no-repeat; background-size:73px 73px;}
.packaging_area .select_list .item .inner.GENESIS {background:#081029 url('/images/nft/genesis/GENESIS_NFT_GIF.gif') center -3px no-repeat; background-size:53px 60px;}
.packaging_area .select_list .tip {margin-top:40px; padding:20px 0; border-top:1px solid rgba(255, 255, 255, 0.08);}
.packaging_area .select_list .tip li {position:relative; margin-top:10px; padding:0 10px 0 20px; line-height:21px; color:#627597;}
.packaging_area .select_list .tip li:before {position:absolute; content:'-'; top:0; left:5px; height:21px; line-height:21px;}
.packaging_area .select_list .tip li:first-child {margin-top:0;}
.packaging_area .history_none {width:100%; height:250px; border:none;}
.packaging_area .history_none .icon {margin:20px auto 0 auto;}
.packaging_area .history_none .fa-folder {font-size:100px;}
.packaging_area .history_none .fa-xmark {top:55px;}
.packaging_area .history_none .tit {margin-bottom:10px; font-size:21px;}
.packaging_area .history_none .tip {font-size:17px; color:#627597;}
.packaging_area .cont_loader {height:300px;}

/* packaging_table */
.packaging_table table {width:100%; border-collapse:collapse; border-radius:5px; border-style:hidden; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.08); overflow:hidden;}
.packaging_table table tr {border-top:1px solid rgba(255, 255, 255, 0.05);}
.packaging_table table th {height:40px; font-weight:100; font-size:14px; background-color:var(--bg-color-1); color:#627597;}
.packaging_table table td {height:55px; padding:10px 0; text-align:center; background-color:var(--bg-color-2);}
.packaging_table table .play_nft a {display:inline-block; width:80px; height:30px; line-height:30px; border-radius:15px; text-align:center; background-color:#3771fe; color:#fff;}
.packaging_table table .date span {display:block; float:none; font-size:12px; height:20px; line-height:20px; text-align:left;}
.packaging_table table .date span:first-of-type {margin-bottom:5px;}
.packaging_table table .date em {display:inline-block; margin:0 5px 0 20px; width:45px; height:20px; line-height:20px; text-align:center; border-radius:3px; font-weight:normal; background-color:var(--bg-color-0); font-size:11px; color:#fff;}
.packaging_table table .packaging_nft {padding:5px 0;}
.packaging_table table .packaging_nft .section:first-child {margin-bottom:10px;}
.packaging_table table .packaging_nft a {display:inline-block; position:relative; margin:0 5px 0 5px; width:47px; height:26px; line-height:26px; font-size:12px; color:#32d7f1;}
.packaging_table table .packaging_nft a:after {position:absolute; content:''; left:0; right:0; bottom:1px; height:2px; background-color:#32d7f1;}
.packaging_table table .packaging_nft a:hover {text-decoration:none;}
.packaging_table table .packaging_nft .GENESIS {color:#c97ff3;}
.packaging_table table .packaging_nft .GENESIS:after {background-color:#c97ff3;}
.packaging_table table .state button {display:inline-block; width:150px; height:30px; line-height:30px; border-radius:5px; text-align:center; background-color:#3771fe; color:#fff;}
.packaging_table table .state button i {margin-right:5px;}
.packaging_table table .UNPACKAGED th,
.packaging_table table .UNPACKAGED td {color:#627597;}
.packaging_table table .UNPACKAGED .play_nft a {background-color:var(--bg-color-1); color:#627597;}
.packaging_table table .UNPACKAGED .packaging_nft span { color:#627597;}
.packaging_table table .UNPACKAGED .packaging_nft span:after {background-color:var(--bg-color-1);}
.packaging_table table .UNPACKAGED .state button {background-color:var(--bg-color-1); color:#627597; cursor:not-allowed;}
.packaging_table table .UNPACKAGING .state .UNPACKAGING {display:none; background-color:initial; text-decoration:underline; color:#3771fe;}
.packaging_table table .UNPACKAGING .state .UNPACKAGING i {display:none;}

/* layer_packaging */
.layer_packaging ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(7,15,37,.85); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000;}
.layer_packaging ._background {backdrop-filter:blur(10px); }
.layer_packaging ._box {position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:1001;}
.layer_packaging ._box > .inner {position:relative;  padding:30px; border-radius:10px; background-color:#181d32;}
.layer_packaging .btn_area {display:flex; margin:0 -5px;}
.layer_packaging .btn_area .button,
.layer_packaging .btn_area button {flex:1; margin:0 5px; width:50%; height:50px; line-height:50px; text-align:center; border-radius:5px; color:#fff;}
.layer_packaging .btn_area .btn_submit {background-color:#3771fe;}
.layer_packaging .btn_area .btn_cancel {background-color:var(--bg-color-1);}
.layer_packaging .confirm_box {width:500px;}
.layer_packaging .confirm_box .tit {margin-bottom:50px; font-size:33px; font-weight:300; text-align:center; color:#fff;}
.layer_packaging .confirm_box .info {margin-bottom:10px;}
.layer_packaging .confirm_box .info:after {display:block; content:''; clear:both;}
.layer_packaging .confirm_box .info dt {float:left; margin-bottom:5px; clear:right; height:30px; line-height:30px; color:#627597;}
.layer_packaging .confirm_box .info dd {float:right; margin-bottom:5px; height:30px; line-height:30px;}
.layer_packaging .confirm_box .info dd:first-of-type {padding-right:5px;}
.layer_packaging .confirm_box .info .play_nft {float:right; padding:0 20px; height:30px; line-height:30px; border-radius:15px; text-align:center; background-color:#3771fe; color:#fff;}
.layer_packaging .confirm_box .info .transfer_dt {float:none;}
.layer_packaging .confirm_box .info .transfer_dd {display:flex; flex-wrap:wrap; float:none; padding:10px 10px 8px 10px; height:initial; border-radius:5px; background-color:var(--bg-color-1); max-height:250px; overflow-y:auto;}
.layer_packaging .confirm_box .info .transfer_dd::-webkit-scrollbar-track {border-radius:3px; background-color:#111;}
.layer_packaging .confirm_box .info .transfer_dd::-webkit-scrollbar {width:7px;}
.layer_packaging .confirm_box .info .transfer_dd::-webkit-scrollbar-thumb {height:50px; background-color:#3771fe; border-radius:3px;}
.layer_packaging .confirm_box .info .transfer_dd span {flex:0 0 auto; margin-bottom:10px; padding:0 10px; position:relative; width:20%; text-align:center; box-sizing:border-box;}
.layer_packaging .confirm_box .info .transfer_dd em {display:block; position:relative;}
.layer_packaging .confirm_box .info .transfer_dd em:after {position:absolute; content:''; left:0; right:0; bottom:0; height:2px; background-color:#3771fe;}
.layer_packaging .confirm_box .info .transfer_dd .NORMAL em:after {background-color:#99f27e;}
.layer_packaging .confirm_box .info .transfer_dd .RARE em:after {background-color:#32d7f1;}
.layer_packaging .confirm_box .info .transfer_dd .SUPERRARE em:after {background-color:#f565fc;}
.layer_packaging .confirm_box .info .transfer_dd .GENESIS em:after {background-color:#c97ff3;}
.layer_packaging .confirm_box .info .transfer_dd .NORMAL {color:#99f27e;}
.layer_packaging .confirm_box .info .transfer_dd .RARE {color:#32d7f1;}
.layer_packaging .confirm_box .info .transfer_dd .SUPERRARE {color:#f565fc;}
.layer_packaging .confirm_box .info .transfer_dd .GENESIS {color:#c97ff3;}
.layer_packaging .confirm_box .tip {margin-bottom:20px; padding:5px; line-height:19px;  color:#fff;}
.layer_packaging .transaction_box {position:relative; width:400px;}
.layer_packaging .transaction_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_packaging .transaction_box .tit dt {margin-bottom:10px; font-size:30px; font-weight:300; color:#fff;}
.layer_packaging .transaction_box .tit dd {color:#627597; font-size:17px;}
.layer_packaging .transaction_box .processing_tx {position:absolute; top:13px; left:50%; margin-left:-73px; width:150px; height:150px; line-height:150px; text-align:center;}
.layer_packaging .transaction_box .processing_ani,
.layer_packaging .transaction_box .processing_ani:after {width:150px; height:150px; border-radius:50%;}
.layer_packaging .transaction_box .processing_ani {margin:20px auto 20px auto; position:relative; border:10px solid rgba(255, 255, 255, 0.2); border-left:10px solid #3771fe; transform: translateZ(0); animation: processing 2s infinite linear;}
@keyframes processing {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
.layer_packaging .success_box {width:400px;}
.layer_packaging .success_box .check {margin:20px auto 20px auto; width:150px; height:150px; border:10px solid #3771fe; border-radius:100%;}
.layer_packaging .success_box .check i {display:block; margin-top:25px; text-align:center; font-size:100px; color:#3771fe;}
.layer_packaging .success_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_packaging .success_box .tit dt {margin-bottom:10px; font-size:30px; font-weight:300; color:#fff;}
.layer_packaging .success_box .tit dd {color:#627597; font-size:17px;}
.layer_packaging .unpackaging_box {width:400px;}
.layer_packaging .unpackaging_box .lock {margin:20px auto 20px auto;}
.layer_packaging .unpackaging_box .lock i {display:block; margin-top:25px; text-align:center; font-size:100px; color:#3771fe;}
.layer_packaging .unpackaging_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_packaging .unpackaging_box .tit dt {margin-bottom:20px; font-size:30px; font-weight:300; color:#fff;}
.layer_packaging .unpackaging_box .tit dd {padding:15px; line-height:19px; border-radius:5px; color:#627597; text-align:left; background-color:var(--bg-color-1);}

/* wallet_area */
.wallet_box {margin-bottom:30px;}
.wallet_box h3 {margin-bottom:10px;}
.wallet_box .list {display:flex; margin-bottom:30px; flex-direction:row; justify-content:space-between;}
.wallet_box .list .item {position:relative; width:31.8%; height:220px; border-radius:5px; background-color:var(--bg-color-1);}
.wallet_box .list .item:first-child {margin-left:0;}
.wallet_box .list .item_hd {position:relative; padding:0 0 0 20px; height:60px; line-height:60px; font-size:20px; border-bottom:1px solid var(--bg-color-1);}
.wallet_box .list .item_hd:after {position:absolute; content:''; top:16px; left:20px; width:30px; height:30px; background:url('/images/sp_icon_convert.png') no-repeat 0 -9999px;}
.wallet_box .list .item_bd {padding:20px;}
.wallet_box .list .item_bd span {display:block;}
.wallet_box .list .item_bd .coin {margin-bottom:5px; font-size:20px;}
.wallet_box .list .item_bd .usd {color:#3771fe;}
.wallet_box .list .item_bd .next_claim {margin-top:5px; font-size:12px; color:#627597;}
.wallet_box .list .item.dia .item_hd,
.wallet_box .list .item.dice .item_hd {padding:0 0 0 65px;}
.wallet_box .list .item.dia .item_hd:after {background-position:0 0;}
.wallet_box .list .item.dia .coin {color:#3771fe;}
.wallet_box .list .item.dice .item_hd:after {background-position:-40px 0;}
.wallet_box .list .item.dice .coin {color:#00bbc9;}
.wallet_box .list .btn {position:absolute; bottom:20px; right:20px; left:20px; height:40px; line-height:40px; border-radius:5px; font-size:17px; background-color:var(--bg-color-1); color:#627597; cursor:not-allowed;}
.wallet_box .list .dia .btn.on {background-color:#3771fe; color:#fff; cursor:pointer;}
.wallet_box .list .dice .btn.on {background-color:#00bbc9; color:#fff; cursor:pointer;}
.wallet_box .tip p {height:31px; line-height:31px; color:#627597;}
.wallet_box .lnk {margin-left:5px; text-decoration:underline; color:#3771fe;}

/* layer_claim */
.layer_claim ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(7,15,37,.85); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000; backdrop-filter:blur(10px);}
.layer_claim ._box {position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:1001;}
.layer_claim .inner {position:relative; padding:30px; width:500px; border-radius:10px; background-color:#181d32;}
.layer_claim .btn_area {display:flex; margin:0 -5px;}
.layer_claim .btn_area .button,
.layer_claim .btn_area button {flex:1; margin:0 5px; width:50%; height:50px; line-height:50px; text-align:center; border-radius:5px; font-size:17px; color:#fff; background-color:var(--bg-color-1);}
.layer_claim .btn_area .btn_submit {color:#627597; cursor:not-allowed;}
.layer_claim .btn_area .btn_submit.activate {background-color:#3771fe; cursor:pointer; color:#fff;}
.layer_claim .btn_area .btn_detail_history {background-color:#3771fe; color:#fff;}
.layer_claim .convert_box .tit {margin-bottom:50px; font-size:33px; font-weight:300; text-align:center; color:#fff;}
.layer_claim .convert_box .confirm {margin-bottom:30px;}
.layer_claim .convert_box .confirm .available {margin-bottom:5px; color:#627597;}
.layer_claim .convert_box .confirm .available em {color:#3771fe;}
.layer_claim .convert_box .confirm .available em:after {margin-left:5px; content:'DIA'; color:#627597;}
.layer_claim .convert_box .confirm .item {position:relative;}
.layer_claim .convert_box .confirm .item .box {position:relative; height:50px; border-radius:5px; background-color:var(--bg-color-1);}
.layer_claim .convert_box .confirm .item input {padding:0 160px 0 20px; width:100%; height:50px; line-height:50px; border:none; box-sizing:border-box; background:none; font-size:17px; color:#467bfb;}
.layer_claim .convert_box .confirm .item .dice {background-color:var(--bg-color-2);}
.layer_claim .convert_box .confirm .item .dice input {color:#00bbc9;}
.layer_claim .convert_box .confirm .item .symbol {position:absolute; top:9px; right:20px; line-height:30px; font-size:17px;}
.layer_claim .convert_box .confirm .item .symbol:before {float:left; margin:1px 10px 0 0; content:''; width:30px; height:30px; background:url('/images/sp_icon_convert.png') no-repeat 0 -9999px;}
.layer_claim .convert_box .confirm .item .symbol.dia {color:#3771fe;}
.layer_claim .convert_box .confirm .item .symbol.dia:before {background-position:0 0;}
.layer_claim .convert_box .confirm .item .symbol.dice {color:#00bbc9;}
.layer_claim .convert_box .confirm .item .symbol.dice:before {background-position:-40px 0;}
.layer_claim .convert_box .confirm .item .btn_max {position:absolute; top:13px; right:100px; padding:0 15px; height:24px; line-height:24px; border-radius:5px; background-color:#181d32; color:#3771fe;}
.layer_claim .convert_box .confirm .item.dia {padding-right:110px;}
.layer_claim .convert_box .confirm .item .btn_confirm {position:absolute; top:0; right:0; width:100px; height:50px; line-height:50px; border-radius:5px; background-color:#3771fe;}
.layer_claim .convert_box .confirm .item .btn_confirm.disabled {background-color:var(--bg-color-1); color:#627597; cursor:not-allowed;}
.layer_claim .convert_box .confirm .gap {margin:10px auto; width:30px; height:30px; text-align:center; border-radius:100%; background-color:#0a132e;}
.layer_claim .convert_box .confirm .gap i {display:block; line-height:30px; font-size:20px; color:#627597;}
.layer_claim .convert_box .tip {margin-bottom:50px;}
.layer_claim .convert_box .tip .min_max {margin-bottom:10px; color:#3771fe;}
.layer_claim .convert_box .tip .tip_box {padding:15px 20px; background-color:var(--bg-color-1);}
.layer_claim .convert_box .tip .tip_box p {line-height:31px; color:#627597;}
.layer_claim .convert_box .tip .tip_box .fee-dia {color:#db77ea;}
.layer_claim .convert_box .tip .error_box {margin-top:10px; padding:10px 20px; line-height:21px; border-radius:5px; background-color:#ac2052;}
.layer_claim .convert_box .tip .error_box:before {margin-right:10px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:900; content:"\f057"; font-size:17px;}
.layer_claim .success_box .check {margin:20px auto 20px auto; width:150px; height:150px; border:10px solid #3771fe; border-radius:100%;}
.layer_claim .success_box .check i {display:block; margin-top:25px; text-align:center; font-size:100px; color:#3771fe;}
.layer_claim .success_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_claim .success_box .tit dt {margin-bottom:10px; font-size:30px; font-weight:300; color:#fff;}
.layer_claim .success_box .tit dd {color:#627597; font-size:17px;}

/* layer_deposit */
.layer_deposit ._background {position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(7,15,37,.85); transition:opacity .3s cubic-bezier(.215,.61,.355,1); z-index:1000; backdrop-filter:blur(10px);}
.layer_deposit ._box {position:fixed; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; z-index:1001;}
.layer_deposit .inner {position:relative; padding:30px; width:500px; border-radius:10px; background-color:#181d32;}
.layer_deposit .btn_area {display:flex; margin:0 -5px;}
.layer_deposit .btn_area .button,
.layer_deposit .btn_area button {flex:1; margin:0 5px; width:50%; height:50px; line-height:50px; text-align:center; border-radius:5px; font-size:17px; color:#fff; background-color:var(--bg-color-1);}
.layer_deposit .btn_area .btn_submit {color:#627597; cursor:not-allowed;}
.layer_deposit .btn_area .btn_submit.activate {background-color:#3771fe; cursor:pointer; color:#fff;}
.layer_deposit .btn_area .btn_detail_history {background-color:#3771fe; color:#fff;}
.layer_deposit .convert_box .tit {margin-bottom:50px; font-size:33px; font-weight:300; text-align:center; color:#fff;}
.layer_deposit .convert_box .confirm {margin-bottom:30px;}
.layer_deposit .convert_box .confirm .available {margin-bottom:5px; color:#627597;}
.layer_deposit .convert_box .confirm .available em {color:#00bbc9;}
.layer_deposit .convert_box .confirm .available em:after {margin-left:5px; content:'DICE'; color:#627597;}
.layer_deposit .convert_box .confirm .item {position:relative;}
.layer_deposit .convert_box .confirm .item .box {position:relative; height:50px; border-radius:5px; background-color:var(--bg-color-1);}
.layer_deposit .convert_box .confirm .item input {padding:0 160px 0 20px; width:100%; height:50px; line-height:50px; border:none; box-sizing:border-box; background:none; font-size:17px;}
.layer_deposit .convert_box .confirm .item .dia {background-color:var(--bg-color-2);}
.layer_deposit .convert_box .confirm .item .dia input {color:#3771fe;}
.layer_deposit .convert_box .confirm .item .dice input {color:#00bbc9;}
.layer_deposit .convert_box .confirm .item .symbol {position:absolute; top:9px; right:20px; line-height:30px; font-size:17px;}
.layer_deposit .convert_box .confirm .item .symbol:before {float:left; margin:1px 10px 0 0; content:''; width:30px; height:30px; background:url('/images/sp_icon_convert.png') no-repeat 0 -9999px;}
.layer_deposit .convert_box .confirm .item .symbol.dia {color:#3771fe;}
.layer_deposit .convert_box .confirm .item .symbol.dia:before {background-position:0 0;}
.layer_deposit .convert_box .confirm .item .symbol.dice {color:#00bbc9;}
.layer_deposit .convert_box .confirm .item .symbol.dice:before {background-position:-40px 0;}
.layer_deposit .convert_box .confirm .item .btn_max {position:absolute; top:13px; right:100px; padding:0 15px; height:24px; line-height:24px; border-radius:5px; background-color:#181d32; color:#3771fe;}
.layer_deposit .convert_box .confirm .gap {margin:10px auto; width:30px; height:30px; text-align:center; border-radius:100%; background-color:#0a132e;}
.layer_deposit .convert_box .confirm .gap i {display:block; line-height:30px; font-size:20px; color:#627597;}
.layer_deposit .convert_box .tip {margin-bottom:30px;}
.layer_deposit .convert_box .tip .error_box {padding:10px 20px; line-height:21px; border-radius:5px; background-color:#ac2052;}
.layer_deposit .convert_box .tip .error_box:before {margin-right:10px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:900; content:"\f057"; font-size:17px;}
.layer_deposit .transaction_box {position:relative;}
.layer_deposit .transaction_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_deposit .transaction_box .tit dt {margin-bottom:10px; font-size:30px; font-weight:300; color:#fff;}
.layer_deposit .transaction_box .tit dd {color:#627597; font-size:17px;}
.layer_deposit .transaction_box .processing_tx {position:absolute; top:13px; left:50%; margin-left:-73px; width:150px; height:150px; line-height:150px; text-align:center;}
.layer_deposit .transaction_box .processing_ani,
.layer_deposit .transaction_box .processing_ani:after {width:150px; height:150px; border-radius:50%;}
.layer_deposit .transaction_box .processing_ani {margin:20px auto 20px auto; position:relative; border:10px solid rgba(255, 255, 255, 0.2); border-left:10px solid #3771fe; transform: translateZ(0); animation: processing 2s infinite linear;}
@keyframes processing {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
.layer_deposit .success_box .check {margin:20px auto 20px auto; width:150px; height:150px; border:10px solid #3771fe; border-radius:100%;}
.layer_deposit .success_box .check i {display:block; margin-top:25px; text-align:center; font-size:100px; color:#3771fe;}
.layer_deposit .success_box .tit {margin:30px 0 20px 0; text-align:center;}
.layer_deposit .success_box .tit dt {margin-bottom:10px; font-size:30px; font-weight:300; color:#fff;}
.layer_deposit .success_box .tit dd {color:#627597; font-size:17px;}


/* history_area */
.history_area .summary {margin-bottom:10px !important; border-bottom:none !important;}
.history_area .tab {position:relative; margin-bottom:30px; height:46px; line-height:46px;}
.history_area .tab:after {position:absolute; content:''; bottom:0; left:0; right:0; height:1px; background-color:rgba(255, 255, 255, 0.08);}
.history_area .tab li {float:left;}
.history_area .tab a {position:relative; display:block; padding:0 25px; font-size:17px;}
.history_area .tab a.selected:after {position:absolute; content:''; bottom:0; left:0; right:0; height:2px; background-color:#3771fe;}
.history_area .tab a.selected:before {position:absolute; content:''; top:0; right:0; bottom:0; left:0; background:linear-gradient(180deg, rgba(55, 113, 254, 0) 0%, rgba(55, 113, 254, 0.14) 100%);}
.history_table .filter {margin-bottom:20px; height:42px;}
.history_table .filter .sub_tab {float:right;}
.history_table .filter .sub_tab li {float:left; margin-left:10px;}
.history_table .filter .sub_tab li:first-child {margin-left:0;}
.history_table .filter .sub_tab a {display:block; padding:0 20px; height:42px; line-height:42px; border-radius:5px; background:var(--bg-color-0);}
.history_table .filter .sub_tab i {margin-right:10px;}
.history_table .filter .sub_tab .selected {background-color:#3771fe;}
.history_table .filter .inner {float:right;}
.history_table .filter .btn {padding:0 15px; height:42px; border-radius:5px; background-color:#3771fe; color:#fff;}
.history_table .filter .btn i {margin-right:10px;}
.history_table .filter .select_box {position:relative; float:left; margin-right:10px;}
.history_table .filter .select_box .btn_select {float:left; padding:0 20px; width:180px; height:42px; line-height:42px; border-radius:5px; text-align:left; background:var(--bg-color-0); box-sizing:border-box;}
.history_table .filter .select_box .btn_select:after {float:right; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:900; content:"\f150"; font-size:19px;}
.history_table .filter .select_box .list {display:none;}
.history_table .filter .select_box .list {position:absolute; top:47px; left:0; padding:10px 20px; width:180px; background-color:#182032; box-sizing:border-box; border-radius:5px; box-shadow:0 1px 15px #000;}
.history_table .filter .select_box .list input {display:none;}
.history_table .filter .select_box .list label {display:block; height:40px; line-height:40px; color:#627597;}
.history_table .filter .select_box .list label:before {float:left; margin-right:10px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:400; content:"\f0c8"; font-size:21px; color:#627597;}
.history_table .filter .select_box .list input:checked + label {color:#3771fe;}
.history_table .filter .select_box .list input:checked + label:before {content:"\f14a"; color:#3771fe;}
.history_table .filter .select_box.selected .btn_select {background-color:#3771fe;}
.history_table .filter .select_box.selected .btn_select:after {content:'\f151';}
.history_table .filter .select_box.selected .list {display:block;}
.history_table .table_wrap {padding:0 20px 20px 20px; border:1px solid rgba(255, 255, 255, 0.08); border-radius:5px;}
.history_table .table {width:100%; border:none;}
.history_table .table thead tr {border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.history_table .table tr:nth-child(even) {border-bottom:none;}
.history_table .table tr:nth-child(even) td {background-color:rgba(255, 255, 255, 0.05);}
.history_table .table th {height:55px; font-weight:100; font-size:14px; color:#fff;}
.history_table .table td {height:55px; text-align:center; color:#627597;}
.history_table .table .th_nft,
.history_table .table .td_nft {padding-left:15px !important; text-align:left !important;}
.history_table .table .td_nft .nft_info {display:inline-block; line-height:31px; color:#627597;}
.history_table .table .td_nft .nft_info:nth-child(2) {margin-top:5px;}
.history_table .table .td_nft .nft_info span {float:left; margin-right:10px; width:31px; height:31px; text-indent:-9999px; box-shadow:0 1px 5px #000;}
.history_table .table .td_grade em {display:block; line-height:31px;}
.history_table .table .td_grade em:nth-child(2) {margin-top:5px;}
.history_table .table span {display:inline-block; width:100px; height:25px; line-height:25px; text-align:center; color:#627597;}
.history_table .table span.claim,
.history_table .table span.withdraw {border:1px solid #3771fe; color:#3771fe;}
.history_table .table span.deposit {border:1px solid #db77ea; color:#db77ea;}
.history_table .table em.NORMAL {color:#99f27e;}
.history_table .table em.RARE {color:#55c9fc;}
.history_table .table em.SUPERRARE {color:#f565fc;}
.history_table .table em.GENESIS {color:#c97ff3;}
.history_table .table em.PROCESSING:before {margin-right:5px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight:400; content:"\f254"; color:#627597;}
.history_table .table em.COMPLETED {color:#db77ea;}
.history_table .table em.REFUNDED {color:#3771fe;}
.history_table .table .th_item,
.history_table .table .td_item {padding-left:30px; text-align:left;}
.history_table .table .question_mark {color:#fff; cursor:help;}
.history_table .table .question_mark i {margin-left:5px; color:#566785;}

.history_table.inventory_history .table td {padding:12px 0; height:initial; text-align:center; color:#627597;}