.wallet-component{display:flex;align-items:center}.wallet-component.current-bsc button{background-color:#212121}.wallet-component.current-bsc button span{color:#fff}.wallet-component button{background:transparent;padding:6px 12px;border-radius:11px;color:#000;cursor:pointer;font-family:ChalkboardBold;font-size:16px}.wallet-component button.connected{border:3px solid #000;display:flex;align-items:center}.wallet-component button.connected .switch-chain{display:flex;padding-right:6px;align-items:center}.wallet-component button.connected .switch-chain i{width:24px;height:24px}.wallet-component button.connected .switch-chain i img{width:100%;height:100%}.wallet-component button.connected .switch-chain .el-switch{margin:0 4px}.wallet-component button.connected .switch-chain .el-switch .el-switch__core{width:34px!important}.header-wallet-dialog{padding:0 24px}.header-wallet-dialog .address{background-color:#fff;border-radius:13px;font-family:ChalkboardSEBold;font-size:20px;line-height:46px;text-align:center;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.header-wallet-dialog .buttons{display:flex;justify-content:space-between;padding-top:24px}.header-wallet-dialog .buttons .button-item{display:flex;margin:0 24px}.header-wallet-dialog .buttons .button-item a{display:flex}.header-wallet-dialog .buttons .button-item span{font-size:18px;color:#fff;display:flex;align-items:center;font-family:ChalkboardSEBold;padding-right:12px}.header-wallet-dialog .buttons .button-item img{width:24px;height:24px}.header-wallet-dialog.mobile{padding:0 .4rem}.header-wallet-dialog.mobile .address{background-color:#fff;border-radius:.4rem;font-family:ChalkboardSEBold;font-size:.9rem;line-height:2.6rem;text-align:center;color:#000}.header-wallet-dialog.mobile .buttons{display:flex;justify-content:space-between;padding-top:1rem}.header-wallet-dialog.mobile .buttons .button-item{display:flex;margin:0 1rem}.header-wallet-dialog.mobile .buttons .button-item a{display:flex}.header-wallet-dialog.mobile .buttons .button-item span{font-size:1rem;color:#fff;display:flex;align-items:center;font-family:ChalkboardSEBold;padding-right:.2rem;line-height:1rem}.header-wallet-dialog.mobile .buttons .button-item img{width:1rem;height:1rem}.page-header{display:flex;height:3.6rem;border-bottom:1px solid #000;justify-content:center}.page-header .header-content{flex:1;width:100%;display:flex;justify-content:space-between}.page-header .header-content .left{display:flex;width:4rem;margin-left:1rem}.page-header .header-content .left a{display:flex;align-items:center}.page-header .header-content .left a img{height:2.2rem}.page-header .header-content .nav{display:flex;justify-content:center;align-items:center;width:3rem}.page-header .header-content .nav .nav-button{display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative}.page-header .header-content .nav .nav-button i{font-size:2.4rem;height:.6rem;position:relative;top:-.8rem}.page-header .header-content .nav .nav-content{position:fixed;z-index:999;right:0;width:100vw;height:100vh;top:0;transform:translateX(100vw);transition:transform .5s;display:flex;justify-content:flex-end}.page-header .header-content .nav .nav-content.open{transform:translateX(0)}.page-header .header-content .nav .nav-content .nav-warp{width:50vw;background:#fdcb5b;height:100%;position:relative;z-index:9;box-sizing:border-box;box-shadow:1px 1px 3rem #000;padding:2rem .6rem 2rem .6rem}.page-header .header-content .nav .nav-content .nav-warp .nav-item{padding:1rem 1rem;border-bottom:1px solid #000}.page-header .header-content .nav .nav-content .nav-warp .nav-item span{font-weight:700;font-family:ChalkboardBold;cursor:pointer;font-size:1.2rem}.page-header .header-content .nav .nav-content .nav-warp .nav-item.active span{color:#fff}.page-header .header-content .nav .nav-content .nav-warp .menu-footer{position:absolute;bottom:0;width:100%;padding:12px 36px 36px 36px;display:flex;justify-content:flex-end;border-top:1px solid #000}.page-header .header-content .nav .nav-content .nav-warp .menu-footer .lang{width:100%;height:28px;display:flex}.page-header .header-content .nav .nav-content .nav-warp .menu-footer .lang img{width:28px;height:28px}.page-header .header-content .nav .nav-content .nav-warp .menu-footer .lang span{font-size:20px;padding-left:6px;white-space:nowrap}.page-header .header-content .nav .nav-content .nav-bg{position:absolute;width:100vw;height:100vh}.page-header .header-content .right{flex:1;display:flex;justify-content:flex-end}.page-footer{display:flex;height:98px;width:100%;background-color:#f7b746}.page-footer .footer-content{width:100%;display:flex;justify-content:center;align-items:center}.page-footer .footer-content a{margin:0 16px}*{margin:0;padding:0}body{color:#000;font-family:Chalkboard,Verdana,Arial,Helvetica,sans-serif}body,caption,td,th{font-size:14px}h1,h2,h3,h4,h5,h6{font-size:100%}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}a{color:#000;text-decoration:none}a:hover{color:#0306ff}img{border:none}li,ol,ul{list-style:none}button,input,select,textarea{border:none}table{border-collapse:collapse}body,html{width:100vw;height:100vh;background:#fdcb5b}.clearfix:after{content:"";display:block;clear:both}@font-face{font-family:Chalkboard;src:url(../fonts/Chalkboard-01.2a6d3dc2.ttf)}@font-face{font-family:ChalkboardBold;src:url(../fonts/Chalkboard-Bold-02.38f569e7.ttf)}@font-face{font-family:ChalkboardSEBold;src:url(../fonts/ChalkboardSE-Bold-03.d62c9051.ttf)}.el-button{background-color:#2c99f1;height:42px;border-radius:11px;color:#fff;font-family:ChalkboardSEBold;padding:0 24px;font-size:18px;line-height:36px;cursor:pointer;border:1px solid transparent}.el-button:focus,.el-button:hover{background-color:#2c99f1;border:1px solid transparent;color:#f2f2f2}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{background-color:#7c7c7c!important;color:#fff;border:1px solid transparent}.el-button.is-disabled .el-icon-loading,.el-button.is-disabled:focus .el-icon-loading,.el-button.is-disabled:hover .el-icon-loading{color:#fff}.el-dialog{border:1px solid #fff;background-color:#e8b12a;border-radius:13px;font-family:Chalkboard}.el-dialog .el-dialog__header{background-color:#e19a2c;border-radius:13px 13px 0 0;padding:20px 20px 14px}.el-dialog .el-dialog__header span{font-family:ChalkboardBold;color:#000;font-size:20px;line-height:32px}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{background-color:rgba(255,154,44,.5);border-radius:50%;color:#fff;font-size:20px;padding:6px}.el-dialog .el-dialog__footer{display:flex;justify-content:center}.el-dialog .el-dialog__footer button{background-color:#e19a2c;color:#fff;font-family:ChalkboardBold;font-size:24px;border-radius:9px;border:2px solid #fff}.el-dialog .el-dialog__footer button.stake{background-color:#2c99f1!important}.el-input .el-input__inner{border:1px solid #fff;border-radius:13px}.el-input .el-input-group__append,.el-input .el-input__inner{background-color:transparent;font-family:ChalkboardSEBold;color:#fff;font-size:18px}.el-input .el-input-group__append{border:1px solid #fff;border-left:none;border-radius:0 13px 13px 0}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#fff}.el-select .el-input .el-select__caret{color:#fff;font-size:18px}.el-select .el-input.is-focus .el-input__inner,.el-select .el-input__inner:focus{border-color:#fff}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;display:flex;flex-direction:column}#app .page-body{width:100%;background-image:url(../img/dian.cc8a99b1.png);background-repeat:repeat}