.header{display:none !important}
main{padding-top:70px}
.header-type-b{top:0;right:0;z-index:99999999999999}
.header.active ~ main .header-type-b{position:fixed;background:var(--navbar);backdrop-filter:blur(10px)}
.header-type-b .logo-side .logo{height:36px;margin:17px 0 17px 15px}
.header-type-b .btns .btn{padding:9px 15px;margin:15px 10px 0 0}
.header-type-b .btns .btn i{margin:3px 7px 0 0}
.header-type-b .btns .buy-vip-btn{margin:5px 0}
.header-type-b .btns .buy-vip-btn i{width:60px;height:60px;background-size:130% !important}
.header-type-b .btns .buy-vip-btn .sparkle{left:5px;top:0}
.header-type-b .btns .buy-vip-btn .sparkle-svg{stroke:#f1d994;fill:#f1d994}
.header-type-b .btns .buy-vip-btn #sparkle1{animation:twinkle 6s ease-in-out infinite alternate}
.header-type-b .btns .buy-vip-btn #sparkle2{animation:twinkle 3s ease-in-out infinite alternate}
.header-type-b .btns .buy-vip-btn #sparkle3{animation:twinkle 4s ease-in-out infinite alternate}
.header-type-b .btns .total-coins{background:#FFA4121F;border:1px #FFA412 solid;padding:8px 40px 8px 15px;margin:15px 0 0 5px;color:#FFC64B}
.header-type-b .btns .total-coins .icon{width:60px;height:60px;top:-10px;right:-10px}
.header-type-b .menu-list li a{line-height:24px;padding:23px 15px}
.header-type-b .menu-list li a .icon{width:22px;height:22px;margin-left:8px}
.header-type-b .menu-list li a.active{color:var(--color) !important}
.header-type-b .menu-list li a.active .icon{filter:invert(54%) sepia(78%) saturate(508%) hue-rotate(63deg) brightness(89%) contrast(91%) !important;opacity:1 !important}
.header-type-b .btns .total-coins ~ .buy-vip-btn{display:none !important}
.light-mode .header-type-b .menu-list li a{color:#64748b}
.light-mode .header-type-b .menu-list li a .icon{filter:grayscale(1) brightness(0);opacity:.6}
.light-mode .header-type-b .btns .total-coins{color:#E18C02;background:#FFA4120A;border-color:#FFA4128A}


@media only screen and (min-width:920px){
.header-type-b .btns .buy-vip-btn:hover i{transform:scale(1.1);opacity:.8}
.header-type-b .menu-list li a:hover{color:var(--color) !important}
.header-type-b .menu-list li a:hover .icon{filter:invert(54%) sepia(78%) saturate(508%) hue-rotate(63deg) brightness(89%) contrast(91%) !important;opacity:1 !important}
.header-type-b .btns .btn:hover{opacity:.8}
}
@media only screen and (max-width:1040px){
.header-type-b .menu-list li a{padding:23px 9px}
}
@media only screen and (max-width:990px){
.header-type-b .menu-list li a .icon{display:none}
.header-type-b .menu-list li a.active .icon{display:inline-block}
}
@media only screen and (max-width:920px){
main{padding-top:54px}
.header-type-b .menu-btn-type-b i{width:24px;height:24px;margin:15px 0}
.header-type-b .menu-btn-type-b ~ .logo-side{display:none !important}
.dark-mode .header-type-b .menu-btn-type-b i{filter:grayscale(1) brightness(10);opacity:.8}
.header-type-b .btns .btn{font-size:14px;padding:6px 12px;margin:10px 10px 10px 0}
.header-type-b .btns .btn i{font-size:15px}
.header-type-b .btns .buy-vip-btn{margin:8px 0}
.header-type-b .btns .buy-vip-btn i{width:38px;height:38px;background-size:200% !important}
.header-type-b .btns .buy-vip-btn .sparkle{left:0}
.header-type-b .btns .buy-vip-btn .sparkle svg{width:38px;height:38px}
.header-type-b .logo-side .logo{height:24px;margin:15px 0}
.header-type-b .btns .total-coins{font-size:13px;padding:6px 35px 6px 8px;margin:10px 0 10px 0}
.header-type-b .btns .total-coins .icon{width:40px;height:40px;top:-5px;right:0}
.header-type-b .menu-list{display:none}


.close-bgtype-b{opacity:0;visibility:hidden;position:fixed;height:100%;top:0;right:0;z-index:99999999999999999999;background:rgba(0, 0, 0, 0.7)}
.mobmenutypeb{right:-270px;opacity:0;visibility:hidden;background:#2e2e2e;position:fixed;width:270px;top:0;height:100%;max-width:90%;z-index:999999999999999999999}
.mobmenutypeb .close-btn{width:36px;height:36px;margin:17px 0 0 17px}
.dark-mode .mobmenutypeb .close-btn{color:#fff}
.mobmenutypeb .logo-side .logo{height:36px;margin:17px 20px 0 0}
.mobmenutypeb #menutypeb{height:calc(100% - 80px);right:0;bottom:10px;padding:0 20px}
.mobmenutypeb #menutypeb .menu-list,.mobmenutypeb #menutypeb .menu-list li,.mobmenutypeb #menutypeb .menu-list li a{width:100%}
.mobmenutypeb #menutypeb .menu-list li a{line-height:24px;padding:15px 0}
.mobmenutypeb #menutypeb .menu-list li a .icon{width:22px;height:22px;margin-left:8px}
.mobmenutypeb #menutypeb .menu-list li a.active{color:var(--color) !important}
.mobmenutypeb #menutypeb .menu-list li a.active .icon{filter:invert(54%) sepia(78%) saturate(508%) hue-rotate(63deg) brightness(89%) contrast(91%) !important;opacity:1 !important}
.light-mode .mobmenutypeb #menutypeb .menu-list li a{color:#64748b}
.light-mode .mobmenutypeb #menutypeb .menu-list li a .icon{filter:grayscale(1) brightness(0);opacity:.6}
.light-mode .mobmenutypeb{background:#fff}
body.menu-type-b-active{overflow:hidden}
body.menu-type-b-active .close-bgtype-b{opacity:inherit;visibility:visible;backdrop-filter:blur(10px)}
body.menu-type-b-active .mobmenutypeb{opacity:inherit;visibility:visible;right:0}


}