body .app,
html {
    color: #333;
    background-color: #f8f8f8
}

* {
    font-family: atami, atami2, atami3, Arial, Helvetica, STHeiti STXihei, Microsoft YaHei, Tohoma, sans-serif
}

@font-face {
    font-family: atami;
    src: url(../../static/fonts/Atami-Bold.8e011581.otf)
}

@font-face {
    font-family: atami2;
    src: url(../../static/fonts/Atami-Display-Bold.f91cddb2.otf)
}

@font-face {
    font-family: atami3;
    src: url(../../static/fonts/Atami-Regular.176e66b4.otf)
}

h2 {
    font-family: Arial, Helvetica, STHeiti STXihei, Microsoft YaHei, Tohoma, sans-serif
}

.hover-anim {
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.hover-anim:hover {
    opacity: .8
}

.van-overlay {
    -webkit-filter: brightness(100%) blur(.13333rem);
    filter: brightness(100%) blur(.13333rem);
    -webkit-transition: -webkit-filter .2s;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s
}

.swiper-container .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

::-webkit-scrollbar {
    width: .05333rem;
    height: .02667rem
}

::-webkit-scrollbar-thumb {
    background: rgba(157, 173, 197, 0)
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
    border-radius: .26667rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

::-webkit-scrollbar-track {
    background: rgba(22, 32, 47, 0)
}

.scrollbar-show::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 .13333rem rgba(0, 0, 0, .2);
    background: rgba(157, 173, 197, .6)
}

.scrollbar-show::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .13333rem rgba(0, 0, 0, .2);
    background: rgba(22, 32, 47, .3)
}

.meta-ex-popup .van-icon {
    right: -.26667rem;
    top: -.26667rem;
    width: .8rem;
    height: .8rem
}

.meta-ex-popup .van-icon img {
    width: .8rem;
    height: .8rem
}

.meta-ex-popup.popup-modal {
    padding-top: .53333rem
}

.web3modal-modal-container {
    padding: .4rem 0 !important;
    position: relative
}

.web3modal-modal-container:after {
    content: "";
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAZ5JREFUeF7t3MkRAjEMRNEZIiYDyJckKAMDzO5FtiV1+96XV19XjwNftsDjermN2WvwYcAbhuFOwIwQJrwwJWAi4D8eAQvxCJgAuCxvmvKEIxD38FhgIR4BTwCPyuMJC+CxwB3EmPJYoAAeC1wgppTHAgXwWOAHMac8FiiAB19gSXnwBUrgwRYohQcJKIkHByiNBwVYAw8GsBYeBGBNPPeAtfFcA7bAcwvYCs8lYEs8d4Ct8VwB9sBzA9gLzwVgTzzzgL3xTANqwDMLqAXPJKAmPHOA2vBMAWrEMwOoFc8EoGY89YDa8VQDWsBTC2gFTyWgJTx1gNbwVAFaxFMDaBVPBaBlvO6A1vG6AnrA6wboBa8LoCe85oDe8JoCesRrBugVrwmgZ7zqgN7xqgIi4FUDRMGrAoiEJw6IhicKiIgnBoiKJwKIjFcMiI5XBEi8wJf5/R3x3nhZgMT74SUDEm+OlwRIvDVeNCDxtvGiAIm3j3cKSLxjvENA4p3j7QISLw5vE5B48XgrQOKl4c0AiZeO9wUkXh7eC5B4+Xhh+QRLnbyRuK9K/gAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0
}

.web3modal-modal-container .web3modal-modal-hitbox {
    left: unset;
    right: 0;
    top: -.53333rem;
    width: .69333rem;
    height: .69333rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAAAXNSR0IArs4c6QAABFRJREFUeF7t3U/oZWMcx/H3dyY0FIpZiAVRLNhihykiYzZGoigbpYiGYmM1GwrRKGVhQZmmoeRPQv6txJYFRWZB0lBDjH+Zr77Tc6fbdc+55/zu/dznaeZ7tr9zv+c8r/u53+fe5zn1s4MPbHLykAlYAstsjxY+Brz16SOmvdSJVX0S3AQWve8JLIKdlE3gBBYLiMtnghNYLCAunwlOYLGAuHwmOIHFAuLymeAEFguIy2eCE1gsIC6fCU5gsYC4fCY4gcUC4vKZ4AQWC4jLZ4ITWCwgLp8JPt6A3X0T8ChwP3Am8DFwj5l9qRyru18CPAdcBRwCngF2m9kR5XXXnmB3fxh4bGZQPwHbzOxzxWDd/TLgA+DsmfqPmNnjimtOatYAjqRePGdQEuQe3LiFr8wski07agB/C5zfMaKVIi/AjVs4YGYXyHSBGsBPArt6BvUzcKOZfbrMwN39CuAt4KyeOk+Z2YPLXGfRa2sAbykDv6bn5n4FrtsocsF9Fzi95xofljfyj0VIy/x97cBxs+5+KvAmsHLkEbjbzezwMnhDXlsFWIXcGm6MsxrwqpFbxK0OPIW8D9i+oCdfb2afzDvH3a8E3lnQc6Ml3bqOtjB9j1UTPLkRdz8ZeAW4qQc5JqPom/GD4djh7ttKP4/Js+t4A9hpZn8P6ZurPKcJ4JLk0cit4zbRImbSOBi5vC4+9k0mdzKuZhI8sl38Vc4/pcW20FwPnkUqPXk/sGOD/fB14JYaPXf2fptL8FSSNwMvArePRH4ZuNPM/h35OsnpzQKXiW8sclO4zU1yHd9xA/kl4LYFEdsL3NFKcpud5Ob04yHrFvGyWLxZy/rCmF7SeosYijsZc3PIzQIPXHGbF6amkJsEdvdYx31twXJm3yc1kHeY2W9jPs6Kc5sDdvczgFgsv7xnwLErHEfsSncdn5VF+18UcENrNgU8EPfovl0Z4Lyd4umxV0duBngM7mR7f8CmZmBXRW4CeCO4U7/4up55aCLJ1YEH4v4IXNv1YEpJ8vvA1tZ6clVgdw+QWHLsm9C+B642s6/7JhZ3vwj4CDh3AXL8GDk4dJJa9rxqwAU3JqlLewYxCHeqXQxB/qI8prUW5CrACtxWkdcO7O7xpE18lFeW3DnrF0OTHK0nniSSHTWAY3Pz5lW1ha46A3vyq2a2U6Zb47kId4+d3ZM6BnWgfFvondCGghTk93oeNvzHzGIfUHbUSPDvQKySzR7flG8L361ytO5+XmlJF86pe9jMTlvl9WZr1QDeA9w7cyMS3KmJrwv5WTO773gDjo/kE8BdZcv9beBuM/tBOVB3Pwd4HrgB+BN4AXhIvTG69gQrEVusncDidyWBE1gsIC6fCU5gsYC4fCY4gcUC4vKZ4AQWC4jLZ4ITWCwgLp8JTmCxgLh8JjiBxQLi8pngBBYLiMtnghNYLCAunwlOYLGAuHwmOIHFAuLy/0uw+HonbPn8r7Tit/4/FMWIJvDfDg0AAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 100% 100%;
    cursor: pointer;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.web3modal-modal-container .web3modal-modal-hitbox:hover {
    opacity: .8
}

.web3modal-modal-container .web3modal-modal-card {
    display: inline-block !important;
    width: 5.33333rem !important;
    padding: .13333rem !important;
    background: transparent !important;
    min-width: unset !important
}

.web3modal-modal-container .web3modal-modal-card .web3modal-provider-wrapper {
    display: inline-block;
    width: 1.86667rem;
    padding: 0;
    margin: .13333rem .05333rem;
    border: none
}

.web3modal-modal-container .web3modal-modal-card .web3modal-provider-wrapper .web3modal-provider-container {
    padding: 0;
    background: transparent
}

.web3modal-modal-container .web3modal-modal-card .web3modal-provider-wrapper .web3modal-provider-container>div:first-child {
    width: 1.2rem !important;
    height: 1.2rem !important;
    border: .02667rem solid rgba(235, 112, 2, .8);
    border-radius: 0
}

.web3modal-modal-container .web3modal-modal-card .web3modal-provider-wrapper .web3modal-provider-container>div:first-child img {
    width: 80%;
    height: 80%
}

.web3modal-modal-container .web3modal-modal-card .web3modal-provider-wrapper .web3modal-provider-name {
    color: #fff;
    font-size: .21333rem
}

.web3modal-modal-container .web3modal-modal-card .web3modal-provider-wrapper .web3modal-provider-description {
    display: none
}