.item {
    color: #fff
}

.historicalData.tradeGuide {
    background-color: #14161f;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,.2)
}

    .historicalData.tradeGuide .mainTitle {
        text-align: left;
        margin-bottom: 30px;
        font-size: 24px
    }

        .historicalData.tradeGuide .mainTitle .text {
            color: #fff;
            font-size: 36px;
            font-weight: 700;
            text-transform: uppercase
        }

    .historicalData.tradeGuide .guideBox {
        display: grid;
        gap: 30px
    }

    .historicalData.tradeGuide .inner {
        background-color: #1f232a;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0,0,0,.1)
    }

        .historicalData.tradeGuide .inner p.big {
            color: ##fff;
            font-size: 24px;
            margin-bottom: 15px;
            font-weight: 700;
            text-transform: uppercase
        }

        .historicalData.tradeGuide .inner p.small {
            color: hsla(0,0%,100%,.7);
            font-size: 16px;
            line-height: 1.6
        }

            .historicalData.tradeGuide .inner p.small a {
                color: ##fff;
                text-decoration: underline
            }

        .historicalData.tradeGuide .inner:hover {
            background-color: #2a2e35;
            transition: background-color .3s ease-in-out
        }

@media screen and (max-width: 768px) {
    .historicalData.tradeGuide {
        padding: 20px
    }

        .historicalData.tradeGuide .mainTitle .text {
            font-size: 28px
        }

        .historicalData.tradeGuide .guideBox {
            grid-template-columns: 1fr
        }

        .historicalData.tradeGuide .inner {
            padding: 15px
        }

            .historicalData.tradeGuide .inner p.big {
                font-size: 20px
            }

            .historicalData.tradeGuide .inner p.small {
                font-size: 14px
            }
}

@font-face {
    font-family: Inter;
    src: url(/Assets/res/live/bitrush/fonts/Inter-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Inter;
    src: url(/Assets/res/live/bitrush/fonts/Inter-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Inter;
    src: url(/Assets/res/live/bitrush/fonts/Inter-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Inter;
    src: url(/Assets/res/live/bitrush/fonts/Inter-ExtraBold.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Inter;
    src: url(/Assets/res/live/bitrush/fonts/Inter-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

* {
    margin: 0;
    padding: 0
}

li, ol, ul {
    list-style: none;
    margin-bottom: 0
}

li, ol, ul {
    padding-left: 0
}

body {
    font-size: 22px;
    color: #222;
    font-family: Inter;
    /* background-color: #080908; */
    font-variant-numeric: tabular-nums
}

.hidden {
    display: none
}

a {
    text-decoration: none;
    color: #222;
    cursor: pointer
}

    a:hover {
        color: inherit
    }

address {
    font-style: normal
}

fieldset {
    border: none
}

caption, legend {
    display: none
}

article, aside, footer, header, main, menu, nav, section {
    display: block
}

.col {
    padding: 0;
    overflow: hidden
}

.row {
    --bs-gutter-x: inherit
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0
}

input:focus-visible {
    outline: none
}

.form-control:focus {
    box-shadow: none;
    outline: none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

div {
    box-sizing: border-box
}

html::-webkit-scrollbar {
    height: 15px
}

html::-webkit-scrollbar-track {
    background: #14161d
}

html::-webkit-scrollbar-thumb {
    background: #363636;
    border-radius: 10px
}

    html::-webkit-scrollbar-thumb:hover {
        background: #555
    }

label {
    cursor: pointer
}

.flex-center {
    display: flex;
    align-items: center
}

.flex-start, .flex-start-between {
    display: flex;
    align-items: start
}

.flex-start-between {
    justify-content: space-between
}

.flex-start-center {
    display: flex;
    align-items: start;
    justify-content: center
}

.flex-start-end {
    display: flex;
    align-items: start;
    justify-content: end
}

.flex-center-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-center-around {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-center-start {
    display: flex;
    align-items: center;
    justify-content: start
}

.flex-center-end {
    display: flex;
    align-items: center;
    justify-content: end
}

.flex-end, .flex-end-between {
    display: flex;
    align-items: end
}

.flex-end-between {
    justify-content: space-between
}

.flex-end-center {
    display: flex;
    align-items: end;
    justify-content: center
}

.flex-end-start {
    display: flex;
    align-items: end;
    justify-content: start
}

.alert_msgs_wrap {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 10%;
    justify-content: center;
    z-index: 10000;
    animation: fadein .7s linear forwards
}

.alert_msgs_content, .alert_msgs_wrap {
    position: absolute;
    display: flex;
    align-items: center
}

.alert_msgs_content {
    flex-direction: row;
    justify-content: space-between;
    top: .48em;
    padding: .8em 1em 1.2em .8em;
    min-width: 31.7em;
    max-width: 37.7em;
    min-height: 3.6em;
    max-height: 5.6em;
    opacity: .95;
    border-radius: .4em
}

    .alert_msgs_content[data-alert-type=info] {
        background-color: #027dd5
    }

    .alert_msgs_content[data-alert-type=success] {
        background-color: #5f902d
    }

    .alert_msgs_content[data-alert-type=""], .alert_msgs_content[data-alert-type=error] {
        background-color: #ab1a15
    }

.ticket_bg {
    background-image: linear-gradient(90deg,#edc964 8%,#ebbc53 27%,#d99e38 56%,#ebbc53 84%,#edc964 92%)
}

.alert_msgs_desc {
    width: 87%;
    font-family: Source Sans Pro;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: .014em;
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 0
}

.tickets_desc {
    font-size: 1.3em;
    color: #000;
    letter-spacing: .016em;
    text-align: center;
    width: auto;
    padding-right: 5%
}

.alert_msgs_icon {
    width: 2.3em;
    height: 2.3em
}

.alert_msgs_tickets_img {
    width: 5.33em;
    height: 3.3em
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (max-width: 480px) {
    .alert_msgs_wrap {
        position: absolute;
        top: 1em;
        right: 1em;
        left: 1em;
        transform: none;
        height: auto;
        z-index: 10000;
        animation: fadein .7s linear forwards;
        display: block;
        width: auto
    }

    .alert_msgs_content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: static;
        padding: 1em 1em 1.2em 1.4em;
        min-width: unset;
        max-width: unset;
        min-height: unset;
        max-height: unset;
        opacity: .95;
        border-radius: .4em;
        width: auto
    }

    .alert_msgs_desc {
        width: 88%;
        font-family: Source Sans Pro;
        font-size: 1.8em;
        font-weight: 400;
        letter-spacing: .014em;
        text-align: center;
        color: #fff;
        padding: 0;
        margin: 0
    }

    .tickets_desc {
        font-size: 1.9em;
        color: #000;
        font-weight: 600;
        letter-spacing: .016em;
        text-align: center;
        padding-right: 3%
    }

    .alert_msgs_icon {
        width: 3em;
        height: auto
    }
}

.connect_wallet_popup_wrap {
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 99.9%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1
}

    .connect_wallet_popup_wrap input {
        -webkit-text-size-adjust: none
    }

    .connect_wallet_popup_wrap .cwp_content {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        border-radius: 1em;
        border: .16em solid rgba(93,93,93,.5);
        background: #050505;
        transition: all .2s;
        width: 20em;
        height: auto;
        max-height: 35.5em;
        animation: bounce-in .65s ease;
        padding-bottom: 1.3em
    }

        .connect_wallet_popup_wrap .cwp_content.isTelegramBrowser {
            min-height: 4em
        }

            .connect_wallet_popup_wrap .cwp_content.isTelegramBrowser .cwp_connect_btns .cwp_btn_row {
                flex-direction: column;
                height: 3em
            }

                .connect_wallet_popup_wrap .cwp_content.isTelegramBrowser .cwp_connect_btns .cwp_btn_row .input_email_wrap {
                    margin-bottom: 1em
                }

                    .connect_wallet_popup_wrap .cwp_content.isTelegramBrowser .cwp_connect_btns .cwp_btn_row .input_email_wrap .submit {
                        position: unset
                    }

        .connect_wallet_popup_wrap .cwp_content .close {
            background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAB+CAMAAADV/VW6AAAAOVBMVEVVqlXO587////8//z9//35/Pn////////////j8ePx+fH9//3////////3+/fs9ez9/f39//3///89oxqbAAAAEnRSTlMDCutZf0vd980RJGm9rTsZnXTSUKPZAAAEZ0lEQVRo3u2b2ZKsIAxA2XFF5f8/9j5Mj2IbSKL0ULeqee22DoGQjSDEd3zH/zWGYPW4GbON2obhL8HazJ2Pp+G72ejl4+hFry5mh1s/OYV+7CI6urH/BFva2UfS8LOVteGbioyhtpoT6A0LHmOMytTaA8mH/0ygygrYvKp75ZzKa4Szzw/5DGGndbPDLpwc7LZO0DTmh/Zo9Fe0CeCqymCuU/DjE5W7iD7p4oZKPV0W4LYKhrdddxvBpi3b+1ehysJ3mvqh7ipsgDnDWVpszxMwfPp6OsNsAcaTrVi5puakdOsNP7ac5j+zTJBMFVjdtB42XYCJw09ln2678CUVYr637+aJ1TJ39j/5yD8029azBRmTbQ/i4QiJApCOTzgm7CpEsMNhBD1BmN5VpZ/4rmcovaoTvctB0dV/ZC0Vcf89dfuH459WVBv2kGkgLr0RFYehLf8xzaluoD5RFlXuSqoqJ0vLrn5OEtYoiMoj4Lvaq7v+meNHVI8Jrz6Qpx7LnxFfKpZxZsc/u3Dw7m97XJcrK2iSHZRhBFPcPf7bysJbONOLMcYVt9rBZfIrWxTfloV/KUaH8V8eHjJvXUm+3eCB8fywT66nxReA3dIF09f/fufg1CGS+Ed044Fff62a7/OKuSH4Ej+JrXxJucf8xsBnfogEfhrZQU5jyarXgvmaFeendNhsTzkZdVHxhBB9h/FPdGQLdUY4n3VIGP9EzxlWn3EqDvfzZT6Ffqy+y2hWKcgp8Wn0w6sN8KYUHX2eT6Qfbl+Ds/JIEpDhU+lCePBPMzHEg/l0+r75M2h00DAH4jPo+wnrwDXZBJ/Poe9214OKT8gt3vks+uHWB0ghKeHMma9Z9EPQAM2JVIHpc5cahMxIQuu8H3tisbW7SxcCOvi/zl6JB3xaVqgAl78VIx0an5iTOuCMGS7+yqdmxA74Px//zifn4xB+4+PT6I9UtSksPlf13m0dIf4vqR7z4F3pdD508HhmB6JT+aDZYRldmE7kg0Z34JWzLHx3R+GDLofhcN/pjscHHS493Lj4dzz+J4QbM72e9u7feXw42CKGmmBsw+LDoaamVtSg2IbBzwTaC9F2w5EVnW8yOaYjbX4uriPzM0kWIcUsxrREfjbFRBNsJKKm8bMUtLyAxfMkfra8gBVX8GyCwM8XV7DSUnojkjkfZ77glZaQwpp0eGR14hteYQ0pKwZKXJfyHa+siBRVR1JUmfKZRdVySdnSYtqD75gl5XJBXTqaVd75hllQR64TXucOjUde/OuNEXadgFymDJP3E+WKybjorv1a6GVK66uk5CLN1qZTVLfxNWLjS9TWV8itL9Abtw98oHlCcJonWreONG6cad021LppqnXLWOuGudbtgo2bJUXjVlFxaZTVnG/140bZ1m3CrZukW7eIi8YN8qL4PGAXq//Y8wDR+HGEKD4N8Z9/GiIaP4wRovGzICEaP4r62YOGT8JeNq3hg7hfU5B7DvinbxJbPYb8ju+oMf4BAoMLNtvywzIAAAAASUVORK5CYII=) 50% no-repeat;
            width: 1.9em;
            height: 1.9em;
            position: absolute;
            top: -.8em;
            right: -.8em;
            z-index: 5222;
            cursor: pointer;
            opacity: 1;
            transition: opacity .2s
        }

            .connect_wallet_popup_wrap .cwp_content .close:hover {
                opacity: .7
            }

        .connect_wallet_popup_wrap .cwp_content .cwp_header {
            font-family: SF UI Display,sans-serif;
            font-size: 1.26em;
            font-weight: 700;
            letter-spacing: -.017em;
            width: 85%;
            padding: 0;
            margin: 1em 0 .8em 0;
            text-align: center
        }

    .connect_wallet_popup_wrap .cwp_connect_btns {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%
    }

        .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 15.3em;
            height: 2.3em;
            margin-bottom: .4em
        }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                width: 42%;
                height: 100%;
                border-radius: .27em;
                border: .07em solid #5f5f5f;
                padding-left: .8em;
                background-color: #2a2a2a;
                cursor: pointer
            }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn p {
                    font-family: Helvetica-Bold;
                    font-size: .7em;
                    color: #fff
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn img {
                    margin-right: .5em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.google img {
                    width: 1.2em;
                    height: 1.3em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.facebook img {
                    width: 1.3em;
                    height: 1.3em;
                    border-radius: 50%
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.apple {
                    width: 100%
                }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.apple img {
                        width: 1.1em;
                        height: 1.4em
                    }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.apple p {
                        transform: translateX(6em)
                    }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.metamask img {
                    width: 1.3em;
                    height: 1.2em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.coinbase img {
                    width: 1.4em;
                    height: 1.4em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.trust {
                    width: 100%
                }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.trust img {
                        width: 1.3em;
                        height: 1.3em
                    }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.trust p {
                        transform: translateX(4.5em)
                    }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.imtoken img {
                    width: 1.4em;
                    height: 1em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.tp img {
                    width: 1.4em;
                    height: 1.4em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.walletconnect {
                    width: 100%
                }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.walletconnect p {
                        transform: translateX(4em)
                    }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.walletconnect img {
                        width: 1.3em;
                        height: 1.3em
                    }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn:hover {
                    opacity: .9
                }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row.add_margin1 {
                margin-bottom: .6em
            }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row.add_margin {
                margin-bottom: .8em
            }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row.ismobile_connect {
                display: none
            }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row.ismobile_connect2 {
                display: flex
            }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap {
                position: relative;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                width: 100%;
                height: 100%;
                border-radius: .27em;
                border: .07em solid #5f5f5f;
                background-color: #2a2a2a
            }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap input {
                    width: 100%;
                    height: 100%;
                    border: none;
                    outline: none;
                    background: none;
                    font-family: Helvetica-Bold;
                    font-size: .7em;
                    padding-left: 1em
                }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap input::-moz-placeholder {
                        font-family: Helvetica-Bold;
                        font-size: .9em
                    }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap input::placeholder {
                        font-family: Helvetica-Bold;
                        font-size: .9em
                    }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap .submit {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 3.1em;
                    height: 1.7em;
                    border-radius: .27em;
                    background-color: #4a4a4a;
                    position: absolute;
                    right: .4em;
                    opacity: .4;
                    cursor: pointer
                }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap .submit.active {
                        opacity: 1
                    }

                    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap .submit p {
                        font-family: Helvetica-Bold;
                        font-size: .6em;
                        color: #fff
                    }

        .connect_wallet_popup_wrap .cwp_connect_btns .cwp_divider_wrap {
            height: 1.9em;
            width: 15.3em;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_divider_wrap .divider {
                width: 6.5em;
                height: .05em;
                background: #4a4a4a
            }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_divider_wrap .full_divider {
                width: 100%;
                height: .05em;
                background: #4a4a4a
            }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_divider_wrap .extra_connection {
                width: 1.5em;
                height: 1.5em;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-position: 50%;
                cursor: pointer
            }

        .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
            transition: all .3s;
            width: 15.3em;
            height: 0;
            overflow: hidden
        }

            .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 20%;
                height: 2.2em;
                margin-bottom: .4em;
                border-radius: .27em;
                border: .07em solid #5f5f5f;
                background-color: #2a2a2a;
                cursor: pointer
            }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion.twitch img {
                    width: 1.2em;
                    height: 1.3em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion.linkedin img {
                    width: 1.28em;
                    height: 1.28em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion.kakao img {
                    width: 1.4em;
                    height: 1.3em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion.vkontakte img {
                    width: 1.3em;
                    height: 1.3em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion.discord img {
                    width: 1.5em;
                    height: 1.1em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion.yandex img {
                    width: 1.3em;
                    height: 1.3em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion.line img {
                    width: 1.4em;
                    height: 1.3em
                }

                .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion.twitter img {
                    width: 1.5em;
                    height: 1.5em
                }

        .connect_wallet_popup_wrap .cwp_connect_btns .visible {
            align-items: center;
            height: 5.2em;
            border-bottom: .08em solid #4a4a4a;
            padding-bottom: .7em;
            margin-bottom: 1.3em
        }

    .connect_wallet_popup_wrap .cwp_content {
        background-color: hsla(0,0%,9%,.95);
        box-shadow: 0 -8px 12px 0 rgba(0,0,0,.2);
        border: .1em solid #6a6a6a
    }

        .connect_wallet_popup_wrap .cwp_content .cwp_header {
            color: #fff
        }

input {
    -webkit-text-size-adjust: none
}

.connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn, .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap {
    background-color: #171717;
    border: .1em solid #6a6a6a;
    font-family: Helvetica,sans-serif;
    font-size: .9em;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: .05em;
    margin-top: 1.4em;
    border-radius: 2em
}

    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn p, .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap p {
        color: #fff
    }

    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn img, .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .cwp_btn.apple img, .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion img {
        filter: drop-shadow(.05em .05em .05em #18191b)
    }

    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap .submit {
        background-color: #000;
        border-radius: 2em;
        opacity: 1
    }

        .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap .submit p {
            color: hsla(0,0%,100%,.8)
        }

.connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row_expansion .cwp_btn_expansion {
    background-color: #eaecf8;
    border: .1em solid #f2f4ff
}

.connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap input {
    color: #fff;
    -webkit-text-size-adjust: none
}

    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap input::-moz-placeholder {
        color: #fff
    }

    .connect_wallet_popup_wrap .cwp_connect_btns .cwp_btn_row .input_email_wrap input::placeholder {
        color: #fff
    }

.connect_wallet_popup_wrap .cwp_content .close {
    background: #eaecf8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAB+CAMAAADV/VW6AAAAOVBMVEVVqlXO587////8//z9//35/Pn////////////j8ePx+fH9//3////////3+/fs9ez9/f39//3///89oxqbAAAAEnRSTlMDCutZf0vd980RJGm9rTsZnXTSUKPZAAAEZ0lEQVRo3u2b2ZKsIAxA2XFF5f8/9j5Mj2IbSKL0ULeqee22DoGQjSDEd3zH/zWGYPW4GbON2obhL8HazJ2Pp+G72ejl4+hFry5mh1s/OYV+7CI6urH/BFva2UfS8LOVteGbioyhtpoT6A0LHmOMytTaA8mH/0ygygrYvKp75ZzKa4Szzw/5DGGndbPDLpwc7LZO0DTmh/Zo9Fe0CeCqymCuU/DjE5W7iD7p4oZKPV0W4LYKhrdddxvBpi3b+1ehysJ3mvqh7ipsgDnDWVpszxMwfPp6OsNsAcaTrVi5puakdOsNP7ac5j+zTJBMFVjdtB42XYCJw09ln2678CUVYr637+aJ1TJ39j/5yD8029azBRmTbQ/i4QiJApCOTzgm7CpEsMNhBD1BmN5VpZ/4rmcovaoTvctB0dV/ZC0Vcf89dfuH459WVBv2kGkgLr0RFYehLf8xzaluoD5RFlXuSqoqJ0vLrn5OEtYoiMoj4Lvaq7v+meNHVI8Jrz6Qpx7LnxFfKpZxZsc/u3Dw7m97XJcrK2iSHZRhBFPcPf7bysJbONOLMcYVt9rBZfIrWxTfloV/KUaH8V8eHjJvXUm+3eCB8fywT66nxReA3dIF09f/fufg1CGS+Ed044Fff62a7/OKuSH4Ej+JrXxJucf8xsBnfogEfhrZQU5jyarXgvmaFeendNhsTzkZdVHxhBB9h/FPdGQLdUY4n3VIGP9EzxlWn3EqDvfzZT6Ffqy+y2hWKcgp8Wn0w6sN8KYUHX2eT6Qfbl+Ds/JIEpDhU+lCePBPMzHEg/l0+r75M2h00DAH4jPo+wnrwDXZBJ/Poe9214OKT8gt3vks+uHWB0ghKeHMma9Z9EPQAM2JVIHpc5cahMxIQuu8H3tisbW7SxcCOvi/zl6JB3xaVqgAl78VIx0an5iTOuCMGS7+yqdmxA74Px//zifn4xB+4+PT6I9UtSksPlf13m0dIf4vqR7z4F3pdD508HhmB6JT+aDZYRldmE7kg0Z34JWzLHx3R+GDLofhcN/pjscHHS493Lj4dzz+J4QbM72e9u7feXw42CKGmmBsw+LDoaamVtSg2IbBzwTaC9F2w5EVnW8yOaYjbX4uriPzM0kWIcUsxrREfjbFRBNsJKKm8bMUtLyAxfMkfra8gBVX8GyCwM8XV7DSUnojkjkfZ77glZaQwpp0eGR14hteYQ0pKwZKXJfyHa+siBRVR1JUmfKZRdVySdnSYtqD75gl5XJBXTqaVd75hllQR64TXucOjUde/OuNEXadgFymDJP3E+WKybjorv1a6GVK66uk5CLN1qZTVLfxNWLjS9TWV8itL9Abtw98oHlCcJonWreONG6cad021LppqnXLWOuGudbtgo2bJUXjVlFxaZTVnG/140bZ1m3CrZukW7eIi8YN8qL4PGAXq//Y8wDR+HGEKD4N8Z9/GiIaP4wRovGzICEaP4r62YOGT8JeNq3hg7hfU5B7DvinbxJbPYb8ju+oMf4BAoMLNtvywzIAAAAASUVORK5CYII=);
    background-blend-mode: difference;
    background-size: 100% 100%;
    width: 2.5em;
    height: 2.5em;
    border: .01em solid #f2f4ff;
    border-radius: 2em;
    filter: brightness(.5)
}

@media screen and (max-width: 575px) {
    .connect_wallet_popup_wrap .cwp_content {
        margin: 0 14px
    }

        .connect_wallet_popup_wrap .cwp_content .cwp_connect_btns .ismobile_connect {
            display: flex
        }

        .connect_wallet_popup_wrap .cwp_content .cwp_connect_btns .cwp_btn_row .walletconnect, .connect_wallet_popup_wrap .cwp_content .cwp_connect_btns .ismobile_connect2 {
            display: none
        }
}

@media screen and (max-width: 960px) and (orientation:landscape) {
    .connect_wallet_popup_wrap .cwp_content {
        font-size: 1.6em
    }

        .connect_wallet_popup_wrap .cwp_content .cwp_connect_btns .cwp_btn_row .walletconnect, .connect_wallet_popup_wrap .cwp_content .cwp_connect_btns .ismobile_connect2 {
            display: none
        }
}

@supports (-webkit-overflow-scrolling:touch) {
    input, select, textarea {
        font-size: 16px
    }
}

.chartBox {
    height: 421px;
    width: 100%;
    margin-top: 10px;
    position: relative
}

    .chartBox .left-chart {
        border-right: 1px solid hsla(0,0%,99%,.2)
    }

    .chartBox .left-chart, .chartBox .right-chart {
        width: 100%;
        height: 100%
    }

    .chartBox .left-btc .result-box {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 2;
        transform: translateY(0);
        background-image: linear-gradient(180deg,rgba(0,102,255,0),rgba(6,0,255,.4) 50%,rgba(0,102,255,0));
    }

    .chartBox .left-btc .rect-box {
        border: none;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 40%;
        width: 60%;
        text-align: center;
        padding: 10px 0;
        border-radius: 110px;
        box-shadow: inset 0 1px 40px 0 rgba(13,137,207,.2),inset 0 4px 18px 0 rgba(8,59,88,.3),inset 0 98px 100px -48px rgba(0,161,253,.3),inset 0 -82px 68px -64px rgba(14,78,114,.3),inset 0 7px 11px -4px #fff,inset 0 39px 56px -36px hsla(0,0%,100%,.5);
        border-style: solid;
        border-width: 0;
        border-image-source: linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0));
        border-image-slice: 1;
        background-image: linear-gradient(180deg,hsla(0,0%,100%,.01),hsla(0,0%,100%,.01)),linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0));
        background-origin: border-box;
        background-clip: content-box,border-box
    }


    .chartBox .right-eth .result-box {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 2;
        transform: translateY(0);
        background-image: linear-gradient(180deg,rgba(255,0,0,0),rgba(255,0,0,.5) 50%,rgba(255,0,0,0));
    }

    .chartBox .right-eth .rect-box {
        border: none;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 40%;
        width: 60%;
        text-align: center;
        padding: 10px 0;
        border-radius: 110px;
        box-shadow: inset 0 1px 40px 0 rgba(207,13,13,.2),inset 0 4px 18px 0 rgba(88,8,8,.3),inset 0 98px 100px -48px rgba(253,0,0,.3),inset 0 -82px 68px -64px rgba(114,14,14,.3),inset 0 7px 11px -4px #fff,inset 0 39px 56px -36px hsla(0,0%,100%,.5);
        border-style: solid;
        border-width: 0;
        border-image-source: linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0));
        border-image-slice: 1;
        background-image: linear-gradient(180deg,hsla(0,0%,100%,.01),hsla(0,0%,100%,.01)),linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0));
        background-origin: border-box;
        background-clip: content-box,border-box
    }

    .chartBox .rect-box .text {
        font-size: 19px
    }

    .chartBox .rect-box .price {
        font-weight: 700;
        font-size: 40px
    }

    .chartBox .alarmBox {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 2;
        transform: translateY(0);
        background-image: linear-gradient(180deg,rgba(148,104,0,0),rgba(148,104,0,.6) 50%,rgba(148,104,0,0))
    }

        .chartBox .alarmBox .rect-box {
            position: absolute;
            left: 50%;
            transform: translate(-50%,-50%);
            top: 40%;
            width: 60%;
            text-align: center;
            padding: 35px 0;
            border-radius: 110px;
            box-shadow: inset 0 1px 40px 0 rgba(148,104,0,.2),inset 0 4px 18px 0 rgba(148,104,0,.3),inset 0 98px 100px -48px rgba(148,104,0,.3),inset 0 -82px 68px -64px rgba(148,104,0,.3),inset 0 7px 11px -4px #fff,inset 0 39px 56px -36px hsla(0,0%,100%,.5);
            border-style: solid;
            border-width: 1px;
            border-image-source: linear-gradient(180deg,rgba(148,104,0,.4),hsla(0,0%,100%,0));
            border-image-slice: 1;
            background-image: linear-gradient(180deg,hsla(0,0%,100%,.01),hsla(0,0%,100%,.01)),linear-gradient(180deg,rgba(148,104,0,.4),hsla(0,0%,100%,0));
            background-origin: border-box;
            background-clip: content-box,border-box
        }

            .chartBox .alarmBox .rect-box .text {
                font-size: 19px;
                text-align: center
            }

@media(max-width: 758px) {
    .chartBox .rect-box .text {
        font-size: 16px
    }

    .chartBox .rect-box .price {
        font-size: 26px
    }
}

@media(max-width: 575px) {
    .chartBox {
        margin-top: 0;
        height: 100%
    }

        .chartBox .left-chart, .chartBox .right-chart {
            height: 280px
        }

        .chartBox .alarmBox .rect-box {
            width: 80%;
            padding-left: 20px;
            padding-right: 20px;
            top: 50%
        }

        .chartBox .left-btc .rect-box {
            left: auto;
            right: -1px !important;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            text-align: right;
            padding-right: 15px;
            border: none
        }

        .chartBox .left-btc .rect-box, .chartBox .right-eth .rect-box {
            top: 50%;
            transform: translateY(-50%);
            width: 88%;
            height: 50%;
            padding-top: 15px;
            background-origin: unset;
            background-clip: unset;
            --webkit-backdropfilter: unset
        }

        .chartBox .right-eth .rect-box {
            right: auto;
            left: -1px !important;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            text-align: left;
            padding-left: 15px;
            border: none
        }

        .chartBox .left-btc .result-box, .chartBox .right-eth .result-box {
            height: 100%;
            transform: translateY(0)
        }

        .chartBox .rect-box .text {
            font-size: 14px
        }

        .chartBox .rect-box .price {
            font-size: 22px
        }

        .chartBox::-webkit-scrollbar {
            height: 15px
        }

        .chartBox::-webkit-scrollbar-track {
            background: #14161d
        }

        .chartBox::-webkit-scrollbar-thumb {
            background: #363636;
            border-radius: 10px
        }

            .chartBox::-webkit-scrollbar-thumb:hover {
                background: #555
            }
}

.header {
    padding: 16px;
    border-bottom: 1px solid #363636;
    min-width: 1680px;
    max-width: 1680px;
    margin: 0 auto
}

.header-inner {
    width: 100%
}

.header .create-btn {
    background-image: linear-gradient(#fec82f,#f49600);
    width: 130px;
    height: 36px;
    font-size: 14px;
    margin-left: 15px
}

.header .centerArea {
    font-size: 14px;
    margin-left: 50px
}

    .header .centerArea .item-box {
        padding: 0 12px
    }

.header .rightArea {
    font-size: 14px
}

.header .text {
    cursor: pointer
}

.header .leftArea .logo {
    margin-right: 40px;
    max-width: 120px
}

.lang {
    position: relative;
    cursor: pointer
}

    .lang .selected-lang {
        font-size: 14px
    }

    .lang .item-box {
        position: absolute;
        background: #000;
        padding: 6px 12px;
        font-size: 14px;
        top: 20px;
        left: -10px;
        z-index: 234
    }

        .lang .item-box .item {
            margin-bottom: 5px
        }

.logo, .mb-logo {
    margin-right: 20px
}

.currency {
    position: relative;
    cursor: pointer;
    margin-left: 10px
}

    .currency .selected-lang {
        font-size: 14px
    }

    .currency .item-box {
        position: absolute;
        background: #000;
        padding: 6px 12px;
        font-size: 14px;
        top: 20px;
        left: -10px;
        z-index: 234
    }

        .currency .item-box .item {
            margin-bottom: 5px
        }

.mb-header {
    display: none
}

.testNotice {
    width: 100%;
    margin: 10px auto 10px;
    background: #181a20;
    padding: 9px 13px
}

    .testNotice .item-box {
        margin-right: 20px
    }

    .testNotice i {
        margin-right: 0;
        width: 22px;
        height: 22px
    }

    .testNotice p {
        font-size: 13px;
        font-weight: 700;
        margin-left: 8px
    }

    .testNotice .person {
        padding: 2px 8px;
        border: 1px solid #595959;
        border-radius: 10px;
        background: #0b0e11
    }

@keyframes changeMessage {
    0% {
        transform: translateY(0)
    }

    33.33% {
        transform: translateY(-50px)
    }

    66.66% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@media(min-width: 1024px) {
    .foldHeader {
        display: none
    }
}

@media(max-width: 1024px) {
    .testNotice {
        min-width: 960px;
        max-width: 960px
    }

    .header {
        display: none
    }

    .mb-header {
        display: flex;
        padding: 22px 20px;
        background: #14161d;
        width: 100%;
        margin-bottom: 10px;
        min-width: auto
    }

        .mb-header img {
            cursor: pointer;
            max-width: 116px
        }

    .hamburger {
        width: 22px
    }

    .foldHeader {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
        background: #000;
        width: 100%;
        height: 100%;
        margin-left: auto
    }

        .foldHeader .top {
            padding: 22px 20px
        }

        .foldHeader .mid {
            padding: 2.5rem 1.5rem 2.5rem
        }

            .foldHeader .mid .item-box {
                width: 100%;
                margin-top: 20px;
                font-size: 28px;
                font-weight: 700
            }

                .foldHeader .mid .item-box svg {
                    margin-left: 10px;
                    cursor: pointer
                }

    .mb-header .point-box {
        padding: 0;
        width: 100%;
        margin-right: 20px
    }

        .mb-header .point-box .under {
            margin-top: 0
        }

        .mb-header .point-box .key {
            margin-right: 20px
        }

    .mb-logo {
        margin-right: 0;
        max-width: 116px
    }
}

@media(max-width: 758px) {
    .testNotice {
        width: 100%;
        max-width: unset
    }

    .mb-header, .testNotice {
        min-width: unset
    }
}

@media(max-width: 575px) {
    .header, .mb-header {
        margin-bottom: 0
    }

    .foldHeader .top, .mb-header {
        padding: 10px
    }

    .testNotice {
        margin: 4px 0;
        padding: 5px
    }

        .testNotice i {
            width: 20px;
            height: 20px
        }
}

@media (max-width: 430px) {
    .mb-header .point-box .key {
        display: none
    }
}

.bc {
    /* background: #181a20; */
    color: #fff
}

.tUp {
    color: #f53e53 !important
}

.tDown {
    color: #3458da !important
}

.tYellow {
    color: #fec82f !important
}

.tWhite {
    color: #fffbf0 !important
}

.tal {
    text-align: left
}

.taR {
    text-align: right
}

.bigPaper {
    width: 100%;
    min-width: 1170px
}

.sideArea {
    min-width: 350px;
    max-width: 350px
}

.centerArea {
    margin: 0 10px;
    width: calc(100% - 370px);
}

.moreBtn {
    width: 100%;
    max-width: 30px;
    height: 30px;
    border: none;
    cursor: pointer
}

.vsBox {
    position: relative
}

    .vsBox .futures {
        width: 100%
    }

        .vsBox .futures.btc {
            text-align: right
        }

        .vsBox .futures.eth {
            text-align: left
        }

        .vsBox .futures.btc > div {
            padding-right: 124.5px
        }

        .vsBox .futures.eth > div {
            padding-left: 124.5px
        }

    .vsBox .enable-audio-btn {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 30px;
        height: 30px;
        border: none;
        cursor: pointer;
        z-index: 2
    }

        .vsBox .enable-audio-btn img {
            width: 100%;
            height: 100%;
            display: block
        }

    .vsBox .price-box {
        padding: 15px 0 15px;
        position: relative
    }

    .vsBox .name {
        color: #fff;
        font-weight: 700;
        font-size: 17px
    }

    .vsBox .price {
        font-size: 32px;
        font-weight: 700
    }

        .vsBox .price span {
            margin: 0 10px;
            font-size: 13px;
            font-weight: 700
        }

    .vsBox .btc .amount-box {
        padding-left: 32px
    }

    .vsBox .eth .amount-box {
        padding-right: 32px
    }

    .vsBox .amount-box {
        margin-top: 2px;
        text-align: center;
        color: #fff
    }

        .vsBox .amount-box .item-box {
            padding: 12px 5px 16px
        }

        .vsBox .amount-box .title {
            font-size: 12px;
            font-weight: 400
        }

        .vsBox .amount-box .amount {
            font-size: 14px;
            font-weight: 700
        }

    .vsBox .price-box .onlyRoundStartBtc {
        position: absolute;
        font-size: 12px;
        right: 124.5px;
        font-weight: 700
    }

    .vsBox .price-box .onlyRoundStartEth {
        position: absolute;
        font-size: 12px;
        left: 124.5px;
        font-weight: 700
    }

.timer-box svg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

    .timer-box svg.normal-timer, .timer-box svg.timer-overlay {
        top: 0;
        overflow: visible
    }

.small-timer-box {
    width: 56px;
    height: 56px;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 18px;
    z-index: 2
}

.timer-box .text-box {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%);
    z-index: 4;
    padding: 18px 0 10px
}

.timer-box .text {
    font-size: 12px;
    font-weight: 700
}

.timer-box .number {
    font-size: 24px;
    font-weight: 700
}

.timer-box .round {
    font-size: 8px;
    color: #fff
}

.timer-box .sec {
    font-size: 16px;
    color: #fff;
    line-height: 16px
}

.timer-box .backDiv {
    background: #434343;
    width: 100%;
    height: 100%
}

.timer-box .frontDiv {
    width: 100%;
    height: 100%;
    z-index: 2
}

.orderBox {
    margin-top: 10px;
    padding: 8px 10px;
    position: relative
}

    .orderBox .result-box {
        padding: 7px 0;
        height: 50px
    }

        .orderBox .result-box .title {
            font-size: 14px;
            font-weight: 700;
            margin-right: 16px
        }

        .orderBox .result-box .my-order img {
            width: 36px;
            height: 36px;
            margin-right: 2px
        }

        .orderBox .result-box .text.sub {
            font-size: 14px;
            margin-right: 12px
        }

        .orderBox .result-box .number {
            font-size: 14px;
            font-weight: 700
        }

    .orderBox .mak {
        z-index: -10
    }

    .orderBox.off .mak {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.4);
        z-index: 12;
        cursor: not-allowed
    }

        .orderBox.off .mak .mak-inner {
            background: transparent;
            width: calc(100% - 40px);
            height: 60px;
            position: absolute;
            left: 20px;
            bottom: 109px;
            z-index: 123
        }

            .orderBox.off .mak .mak-inner .leftArea {
                color: #fff;
                text-align: center;
                width: 50%;
                height: 100%;
                background-image: linear-gradient(180deg,#f53e53,#7e0916 67%);
                border-radius: 10px;
                margin-right: 6px
            }

            .orderBox.off .mak .mak-inner .rightArea {
                color: #fff;
                text-align: center;
                width: 50%;
                height: 100%;
                background-image: linear-gradient(180deg,#28b57a,#0c623e 67%);
                border-radius: 10px
            }

            .orderBox.off .mak .mak-inner .icon-futures {
                width: 33px;
                height: 33px
            }

            .orderBox.off .mak .mak-inner p {
                display: block;
                font-size: 14px
            }

                .orderBox.off .mak .mak-inner p span {
                    display: block;
                    font-weight: 700;
                    font-size: 18px
                }

.btnBox {
    background: #000;
    padding: 10px;
    border-radius: 20px
}

    .btnBox .btnWrap {
        position: relative
    }

        .btnBox .btnWrap button {
            color: #fff;
            cursor: pointer
        }

            .btnBox .btnWrap button:disabled {
                opacity: .5;
                cursor: not-allowed
            }

    .btnBox .newTieWrap {
        width: 100%;
        margin: 0 6px
    }

        .btnBox .newTieWrap .under {
            margin-top: 3px
        }

            .btnBox .newTieWrap .under .tie-btn {
                height: 60px;
                width: 50%;
                margin-right: 3px;
                border-radius: 10px;
                background-image: linear-gradient(180deg,#cc981b,#a86006 80%);
                font-weight: 700;
                font-size: 26px
            }

                .btnBox .newTieWrap .under .tie-btn.right {
                    margin-right: 0
                }

    .btnBox .tieBox {
        background: #000;
        padding: 6px;
        padding-top: 0;
        padding-bottom: 6px;
        position: absolute;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        z-index: 2
    }

    .btnBox .win-btn.tie {
        width: 100%;
        border-radius: 10px;
        background-image: linear-gradient(180deg,#cc981b,#a86006 80%)
    }

    .btnBox .odd-even {
        margin: 6px 0 6px
    }

    .btnBox .win-btn {
        height: 123px;
        max-width: 100%;
        width: 100%
    }

    .btnBox .etc-btn {
        height: 60px;
        width: 100%;
        max-width: 245px
    }

    .btnBox .win-btn.btc {
        border-radius: 10px;
        background-image: linear-gradient(180deg,#f53e53,#7e0916 80%);
        position: relative
    }

    .btnBox .win-btn.eth {
        border-radius: 10px;
        background-image: linear-gradient(180deg,#28b57a,#0c623e 80%);
        position: relative
    }

    .btnBox .odd-btn {
        border-radius: 10px;
        background-image: linear-gradient(180deg,#f53e53,#7e0916 67%)
    }

    .btnBox .even-btn {
        border-radius: 10px;
        background-image: linear-gradient(180deg,#28b57a,#0c623e 67%)
    }

    .btnBox .text-big {
        font-size: 26px;
        font-weight: 700
    }

    .btnBox .long-short .text-big, .btnBox .odd-even .text-big {
        font-size: 22px
    }

    .btnBox .text-big span {
        color: #ffd0d0
    }

    .btnBox .text-big span, .btnBox .text-big.green span {
        font-size: 22px;
        font-weight: 700;
        margin-left: 7px;
        letter-spacing: -.26px
    }

    .btnBox .text-big.green span {
        color: #7cff89
    }

.ml10 {
    margin-left: 10px
}

.ml6 {
    margin-left: 6px
}

.mr10 {
    margin-right: 10px
}

.mt0 {
    margin-top: 0
}

.confirmBox {
    background: #000;
    padding: 10px;
    border-radius: 20px;
    margin-top: 10px
}

    .confirmBox button {
        border-radius: 10px;
        background-image: linear-gradient(180deg,#3a3a3a 0,#212121);
        color: #fff;
        font-weight: 700;
        font-size: 17px;
        cursor: pointer
    }

    .confirmBox .btnN {
        height: 60px
    }

        .confirmBox .btnN.reset {
            width: 100%;
            max-width: 116px
        }

        .confirmBox .btnN.confirm {
            width: 100%;
            max-width: 220px
        }

    .confirmBox .center-box {
        width: 100%;
        margin: 0 10px
    }

    .confirmBox .dollar {
        width: 100%
    }

        .confirmBox .dollar button {
            font-size: 12px;
            width: 50px;
            height: 25px
        }

        .confirmBox .dollar .under {
            margin-top: 10px
        }

    .confirmBox .input-box {
        margin-right: 17px
    }

        .confirmBox .input-box p {
            font-size: 12px;
            text-align: right
        }

        .confirmBox .input-box input {
            background: transparent;
            border: none;
            color: #fff;
            font-size: 32px;
            text-align: right
        }

    .confirmBox .up-down-box button {
        width: 25px;
        height: 25px
    }

        .confirmBox .up-down-box button.up {
            margin-bottom: 10px
        }

    .confirmBox .up-down-box span {
        font-size: 10px
    }

.table-title {
    padding: 6px 12px;
    font-size: 14px;
    border-bottom: 1px solid #363636
}

.table-box {
    padding: 12px;
    font-size: 12px;
    padding-top: 0
}

    .table-box .table-head .table-item {
        padding: 12px 0
    }

    .table-box .table-body .table-item {
        padding: 4px 0
    }

        .table-box .table-body .table-item p {
            color: #999
        }

    .table-box .table-item {
        width: 100%
    }

.futuresTrade.table {
    height: 430px;
    overflow: hidden
}

.futuresTrade .table-item.price {
    max-width: 70px
}

.futuresTrade .table-item.amount {
    max-width: 80px
}

.futuresTrade .table-item.time {
    max-width: 50px
}

.futuresTrade .table-head .table-item.time, .futuresTrade .table-item.amount {
    text-align: right
}

.resultHistory {
    margin-bottom: 10px
}

    .resultHistory.table {
        height: 100%
    }

    .resultHistory .table-box {
        padding: 0
    }

    .resultHistory .result img {
        width: 16px;
        height: 16px
    }

    .resultHistory .table-body, .resultHistory .table-head {
        border-bottom: 1px solid #363636
    }

    .resultHistory .table-body {
        height: 46px
    }

        .resultHistory .table-body:last-child {
            border-bottom: none
        }

    .resultHistory .table-item.round {
        text-align: center;
        max-width: 68.1px
    }

    .resultHistory .table-item.eRate {
        text-align: center;
        max-width: 70px
    }

    .resultHistory .table-item.sRate {
        text-align: center;
        max-width: 80px;
        margin-right: 10px
    }

    .resultHistory .table-body .table-item.eRate {
        text-align: center;
        /* text-align: right; */
        max-width: 110px
    }

    .resultHistory .table-body .table-item.sRate {
        text-align: center;
        /* text-align: right; */
        max-width: 110px;
        margin-right: 10px
    }

    .resultHistory .table-item.result {
        text-align: center
    }

    .resultHistory .table-scroll-wrap {
        height: 469px;
        overflow: auto
    }

.result-box.mobile {
    display: none;
    min-width: 960px
}

    .result-box.mobile .moreBtn {
        display: none
    }

.sideArea.right .resultHistory {
    margin-top: 10px
}

    .sideArea.right .resultHistory .table-box .table-body .table-item {
        padding: 13px 0
    }

.myTrades.table {
    height: 100%
}

    .myTrades.table .table-body {
        height: 43px
    }

.resultHistory.myTrades .table-item.result {
    min-width: 80px
}

.resultHistory.myTrades .table-item.sRate {
    min-width: 70px
}

.resultHistory.myTrades .table-scroll-wrap {
    height: 339px;
    overflow: auto
}

.resultHistory .table-body .table-item.eRate, .resultHistory.myTrades .table-body .table-item.sRate {
    text-align: center
}

.profile-box {
    padding: 13px 19px;
    margin-bottom: 1px
}

    .profile-box .img-box img {
        width: 40px;
        height: 40px;
        margin-right: 12px
    }

    .profile-box .img-box {
        font-size: 14px;
        width: 100%
    }

.point-box {
    padding: 18px 20px
}

    .point-box p {
        font-size: 14px;
        font-weight: 700
    }

        .point-box p.key {
            font-weight: 400
        }

    .point-box .under {
        margin-top: 10px
    }

.tradeTable {
    max-width: 1690px;
    min-width: 1690px;
    margin: 10px auto 0
}

    .tradeTable .table-box {
        padding: 0;
        padding-bottom: 10px
    }

    .tradeTable .tab-area {
        border-bottom: 1px solid #363636
    }

        .tradeTable .tab-area .tab-item {
            padding: 12px;
            font-size: 14px;
            border-bottom: 1px solid transparent;
            cursor: pointer;
            font-weight: 700
        }

            .tradeTable .tab-area .tab-item.on {
                border-bottom: 1px solid #c89119
            }

    .tradeTable .table-body, .tradeTable .table-head {
        border-bottom: 1px solid #363636
    }

    .tradeTable .table-item {
        text-align: center
    }

        .tradeTable .table-item.round {
            max-width: 150px
        }

    .tradeTable .table-body.remove {
        display: none
    }

    .tradeTable .table-scroll-wrap {
        height: 260px;
        overflow: auto
    }

.loginPage {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh
}

.loginBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 336px;
    width: 100%
}

    .loginBox .logo {
        margin: 0 auto;
        display: block
    }

    .loginBox .message {
        margin-top: 14px;
        text-align: center
    }

    .loginBox .color-btn {
        background-image: linear-gradient(90deg,#fec82f,#f49600);
        width: 100%;
        height: 32px;
        margin-top: 14px
    }

        .loginBox .color-btn span {
            font-size: 14px;
            font-weight: 700
        }

.icon-futures {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 5px
}

    .icon-futures.btc {
        background: url(/Assets/res/live/bitrush/img/icon-futures-btc.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-futures.eth {
        background: url(/Assets/res/live/bitrush/img/icon-futures-eth.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-futures.profile {
        background: url(/img/profile.936c232f.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-futures.total {
        background: url(/img/total.ac762875.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-futures.tie {
        background: url(/img/tie.dbcc4ed7.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-futures.reset {
        background: url(/img/reset.7a4f1868.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-futures.confirm {
        background: url(/img/confirm.181ffc83.svg) no-repeat 50%;
        background-size: cover
    }

.icon-lang {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px
}

    .icon-lang.EN, .icon-lang.USD {
        background: url(/img/USD.94601d3a.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.EUR {
        background: url(/img/EUR.b3c10b2f.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.VND {
        background: url(/img/VND.d9158dff.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.JPY {
        background: url(/img/JPY.15c854ab.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.CNY {
        background: url(/img/CNY.4e87ce7a.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.KR, .icon-lang.KRW {
        background: url(/img/KRW.e3314a05.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.ENN {
        background: url(/img/EN.097ba81c.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.EL {
        background: url(/img/EL.9bf11d04.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.HR {
        background: url(/img/HR.b1e494b9.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.CS {
        background: url(/img/CS.1b3faada.svg) no-repeat 50%;
        background-size: cover
    }

    .icon-lang.ES {
        background: url(/img/ES.a71f11b0.svg) no-repeat 50%;
        background-size: cover
    }

.icon-checkY {
    background: url(/Assets/res/live/bitrush/img/checkY.svg) no-repeat 50%;
    background-size: cover;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 1px
}

.btnWrap .icon-futures.profile, .btnWrap .icon-futures.total {
    width: 16px;
    height: 16px
}

.btnWrap .icon-futures.profile {
    margin-left: 10px
}

.btnWrap.dollar button.on {
    border: 2px solid #fff
}

.bar-timer img {
    margin-right: 5px
}

.bar-timer .bar-text p span {
    margin-left: 5px
}

.mb-timer {
    animation: alarm 20ms infinite
}

@keyframes alarm {
    0% {
        transform: rotate(10deg)
    }

    50% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(10deg)
    }
}

.bounce-enter-active {
    animation: bounce-in .5s
}

.bounce-leave-active {
    opacity: 0;
    position: absolute
}

@keyframes bounce-in {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

.animated-text {
    animation: scaleText 1s ease-in-out infinite
}

@keyframes scaleText {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1.1)
    }
}

.table-scroll-wrap::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.table-scroll-wrap::-webkit-scrollbar-track {
    background: #14161d
}

.table-scroll-wrap::-webkit-scrollbar-thumb {
    background: #363636;
    border-radius: 10px
}

    .table-scroll-wrap::-webkit-scrollbar-thumb:hover {
        background: #555
    }

.bar-timer, .br575, .confirmBox.mb, .price-box .icon-futures.mb, .result-box.mb, .text-big.mb, .vsBox .price span.mb {
    display: none
}

@media (max-width: 1024px) {
    .sideArea, .tradeTable {
        display: none
    }

    .bigPaper {
        justify-content: center
    }

    .bigPaper, .centerArea {
        min-width: 960px
    }

    .timer-box {
        width: 160px;
        height: 160px;
        padding-top: 28px
    }

    .small-timer-box {
        width: 44px;
        height: 44px;
        padding-top: 12px
    }

    .vsBox .futures.btc > div {
        padding-right: 120px
    }

    .vsBox .futures.eth > div {
        padding-left: 120px
    }

    .vsBox .price-box .onlyRoundStartBtc {
        right: 120px
    }

    .vsBox .price-box .onlyRoundStartEth {
        left: 120px
    }

    .result-box.mobile {
        display: block;
        padding: 0;
        margin-top: 5px
    }

    .result-box.pc {
        display: none
    }

    .result-box.mb {
        display: block
    }

        .result-box.mb > div {
            width: 100%
        }

        .result-box.mb .my-order {
            margin-top: 15px
        }

    .orderBox .result-box {
        height: auto
    }

    .confirmBox.pc {
        display: none
    }

    .confirmBox.mb {
        background: transparent;
        display: flex;
        padding: 0
    }

        .confirmBox.mb .btnN.reset {
            height: 37px;
            min-width: 119px
        }

        .confirmBox.mb .doll-btn {
            width: 100%;
            height: 37px
        }

            .confirmBox.mb .doll-btn.active {
                border: 2px solid #fff
            }

        .confirmBox.mb .btnN.confirm {
            max-width: 116px;
            height: 60px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .confirmBox.mb .input-box {
            width: 100%;
            background: #000;
            margin-right: 0;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 14px 12px
        }

            .confirmBox.mb .input-box p {
                text-align: left
            }

            .confirmBox.mb .input-box input {
                width: 100%;
                text-align: left;
                font-size: 28px
            }

    .btnBox .win-btn {
        height: 90px
    }

    .btnBox .long-short .text-big, .btnBox .odd-even .text-big, .btnBox .text-big, .btnBox .text-big span, .btnBox .text-big.green span {
        font-size: 20px
    }

    .orderBox.off .mak .mak-inner {
        bottom: 134px
    }
}

@media (max-width: 758px) {
    .bigPaper {
        min-width: unset
    }

    .centerArea {
        min-width: 100%
    }

    .vsBox .amount-box {
        display: none
    }

    .vsBox .price-box {
        padding: 18px 0
    }

    .bar-gauge {
        left: 0;
        top: 0;
        background-image: linear-gradient(180deg,#cc981b,#a86006);
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .bar-gauge, .bar-text {
        position: absolute;
        height: 100%
    }

    .bar-text {
        z-index: 2;
        width: 100%;
        left: 50%;
        transform: translateX(-50%)
    }

    .result-box.mobile {
        min-width: unset;
        padding: 0;
        margin-top: 10px
    }

        .result-box.mobile .resultHistory .table-scroll-wrap {
            height: 300px
        }

        .result-box.mobile .resultHistory .table-item {
            font-size: 10px
        }

            .result-box.mobile .resultHistory .table-item.round {
                max-width: 44px
            }

        .result-box.mobile .table-title {
            padding: 6px
        }

    .vsBox .futures.btc > div {
        padding-right: 65px
    }

    .vsBox .futures.eth > div {
        padding-left: 65px
    }

    .vsBox .price span.pc {
        display: none !important
    }

    .vsBox .price span, .vsBox .price span.mb {
        display: block
    }

    .vsBox .price {
        text-align: center
    }

    .vsBox .name {
        justify-content: center !important
    }

    .btnBox .win-btn {
        width: 100%
    }

        .btnBox .win-btn.btc:after {
            width: 105px;
            right: -102px;
            left: unset
        }

        .btnBox .win-btn.eth:after {
            width: 105px;
            left: -102px
        }

    .btnBox .tieBox button {
        width: 200px
    }

    .btnBox .text-small {
        display: none
    }

    .btnBox .text-big {
        flex-wrap: wrap
    }

        .btnBox .long-short .text-big, .btnBox .odd-even .text-big, .btnBox .text-big span {
            display: block
        }

    .long-short .icon-futures.btc, .long-short .icon-futures.eth, .odd-even .icon-futures.btc, .odd-even .icon-futures.eth {
        transform: translateY(2px)
    }

    .btnBox .newTieWrap .under .tie-btn {
        font-size: 18px
    }

    .confirmBox .btnN.confirm {
        min-width: 120px
    }
}

@media(max-width: 575px) {
    .br575 {
        display: block
    }

    .text-big.pc {
        display: none
    }

    .text-big.mb {
        display: flex
    }

    .vsBox .price span.mb {
        display: none
    }

    .centerArea {
        margin: 0
    }

    .bc {
        background: #14161d
    }

    .vsBox .price-box .onlyRoundStartBtc {
        right: 65px
    }

    .vsBox .price-box .onlyRoundStartEth {
        left: 65px
    }

    .orderBox {
        margin-top: 2px;
        padding-top: 0
    }

        .orderBox .result-box .title {
            font-size: 12px;
            margin-right: 0
        }

        .orderBox .result-box .number, .orderBox .result-box .text.sub {
            font-size: 12px
        }

        .orderBox .result-box .my-order img {
            width: 30px;
            height: 30px
        }

    .vsBox .price {
        font-size: 22px;
        margin-top: 5px
    }

        .vsBox .price span {
            font-size: 11px
        }

        .vsBox .price.tDown span {
            display: none
        }

    .price-box .icon-futures.mb {
        display: inline-block;
        width: 22px;
        transform: translateY(5px)
    }

    .result-box.mb .my-order {
        margin-top: 6px;
        height: 30px
    }

    .orderBox .result-box {
        height: auto
    }

    .confirmBox.mb .input-box {
        padding: 12px
    }

    .btnBox {
        background: transparent;
        padding: 0
    }

        .btnBox .win-btn {
            height: 60px
        }

            .btnBox .win-btn.btc:after {
                width: 77px;
                right: -77px;
                height: 21px
            }

            .btnBox .win-btn.eth:after {
                width: 77px;
                left: -77px;
                height: 21px
            }

        .btnBox .tieBox {
            padding: 6px;
            padding-top: 0;
            background: #14161d
        }

            .btnBox .tieBox button {
                width: 154px;
                height: 45px
            }

        .btnBox .newTieWrap .under .tie-btn, .btnBox .text-big span {
            font-size: 16px
        }

        .btnBox .text-big.mb span {
            font-size: 16px !important
        }

        .btnBox .win-btn.btc p, .btnBox .win-btn.eth p {
            align-items: center;
            width: auto
        }

        .btnBox .long-short .text-big span, .btnBox .odd-even .text-big span {
            margin-left: 0
        }

        .btnBox .odd-even {
            margin: 6px 0
        }

        .btnBox .text-big {
            font-size: 16px
        }

            .btnBox .text-big.green span {
                font-size: 20px
            }

        .btnBox .btnWrap button.ml10 {
            margin-left: 10px
        }

        .btnBox .long-short .text-big, .btnBox .odd-even .text-big {
            font-size: 14px;
            display: block
        }

            .btnBox .long-short .text-big span, .btnBox .odd-even .text-big span {
                font-size: 14px
            }

    .long-short .icon-futures.btc, .long-short .icon-futures.eth, .odd-even .icon-futures.btc, .odd-even .icon-futures.eth {
        width: 16px;
        height: 16px
    }

    .confirmBox button.doll-btn {
        font-size: 12px
    }

    .btnBox .etc-btn {
        height: 40px
    }

    .vsBox .futures.btc > div:first-child {
        margin-right: 2px;
        border-right: none
    }

    .vsBox .futures {
        margin-bottom: 2px
    }

    .btnBox .newTieWrap .under .tie-btn {
        font-size: 14px
    }

        .btnBox .newTieWrap .under .tie-btn .icon-futures {
            width: 14px;
            height: 14px
        }

    .long-short .icon-futures.btc, .long-short .icon-futures.eth, .odd-even .icon-futures.btc, .odd-even .icon-futures.eth {
        transform: translateY(3.5px)
    }

    .confirmBox.mb {
        margin: 6px 0 0
    }

        .confirmBox.mb .doll-btn {
            margin-left: 5px
        }

    .confirmBox .input-box p {
        font-size: 10px
    }

    .confirmBox.mb .input-box input {
        font-size: 24px
    }

    .confirmBox.mb .btnN.confirm {
        height: 52px
    }

    .timer-box .text {
        font-size: 10px
    }

    .timer-box .number {
        font-size: 30px
    }

    .timer-box .round {
        display: none
    }

    .timer-box .sec {
        font-size: 12px;
        line-height: 12px;
        margin-top: 10px
    }

    .timer-box .text-box {
        padding: 16px 0
    }

    .timer-box .round-circle {
        height: 100px
    }

    .orderBox.off .mak .mak-inner {
        left: 10px;
        height: 40px;
        width: calc(100% - 20px);
        bottom: 110px
    }

    .vsBox .enable-audio-btn {
        right: 5px;
        top: 5px;
        width: 20px;
        height: 20px;
        /* display: none */
    }
}

@media(max-width: 380px) {
    .btnBox .long-short .text-big, .btnBox .long-short .text-big span, .btnBox .odd-even .text-big, .btnBox .odd-even .text-big span, .btnBox .text-big {
        font-size: 14px
    }

    .vsBox .price {
        font-size: 16px
    }

    .vsBox .name {
        font-size: 14px
    }
}

.subPage {
    max-width: 1680px;
    margin: 0 auto
}

    .subPage .mainTitle {
        margin: 54px 0 30px
    }

        .subPage .mainTitle p {
            font-size: 24px;
            font-weight: 700
        }

    .subPage .table-title {
        padding: 12px 13px
    }

.marketTrade .orderBook {
    width: 100%;
    max-width: 350px
}

    .marketTrade .orderBook.btc {
        margin-left: 10px;
        margin-right: 5px
    }

    .marketTrade .orderBook.eth {
        margin-left: 5px;
        margin-right: 10px
    }

.marketTrade.subPage .livePrice {
    padding: 6px 12px;
    border: 1px solid #363636;
    border-left: none;
    border-right: none
}

    .marketTrade.subPage .livePrice .now {
        font-size: 18px;
        font-weight: 700
    }

    .marketTrade.subPage .livePrice .arrow {
        font-size: 12px;
        margin: 0 5px
    }

    .marketTrade.subPage .livePrice .before {
        font-size: 12px;
        color: #999
    }

.marketTrade.subPage .table-box {
    padding: 0
}

.marketTrade.subPage .table-body, .marketTrade.subPage .table-head {
    padding: 0 12px
}

.marketTrade .orderBook .table-body {
    position: relative
}

    .marketTrade .orderBook .table-body .graphBg {
        position: absolute;
        right: 0;
        max-width: 100%;
        min-width: 1%;
        width: 100%;
        height: 13px;
        transform: scaleX(-1);
        transition: width .5s ease-in-out
    }

        .marketTrade .orderBook .table-body .graphBg.blue {
            background: #182a2a
        }

        .marketTrade .orderBook .table-body .graphBg.red {
            background: #34242e
        }

    .marketTrade .orderBook .table-body .table-item.amount {
        text-align: right
    }

.marketTrade .orderBook .table-item {
    z-index: 2
}

    .marketTrade .orderBook .table-item.time {
        max-width: 70px;
        text-align: right
    }

    .marketTrade .orderBook .table-item.price {
        max-width: 70px
    }

    .marketTrade .orderBook .table-item.amount {
        max-width: 80px
    }

.marketTrade.subPage .futuresTrade.table {
    height: 100%;
    width: 100%
}

.marketTrade.subPage .barBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border-top: 1px solid #363636
}

    .marketTrade.subPage .barBox .l-text.B {
        margin-right: 3px
    }

    .marketTrade.subPage .barBox .l-text.S {
        margin-left: 3px
    }

    .marketTrade.subPage .barBox .gaugeBg {
        width: 100%;
        border-radius: 10px;
        margin: 0 5px;
        height: 5px;
        background: #000;
        overflow: hidden
    }

    .marketTrade.subPage .barBox .gauge {
        height: 100%;
        transition: width .5s ease-in-out;
        min-width: 2%;
        max-width: 99%
    }

        .marketTrade.subPage .barBox .gauge.B {
            background: #2ebd85;
            margin-right: 1px
        }

        .marketTrade.subPage .barBox .gauge.S {
            background: #f6465d
        }

.historicalData .tabArea {
    margin-bottom: 43px;
    display: flex;
    align-content: center
}

.historicalData .pageTab .item {
    text-align: center;
    padding: 9.5px 20px;
    border: 1px solid #383f56;
    border-radius: 5px;
    margin-right: 6px;
    cursor: pointer;
    white-space: nowrap
}

    .historicalData .pageTab .item.on, .historicalData .pageTab .item:hover {
        background: #25293a
    }

    .historicalData .pageTab .item .text {
        font-size: 14px;
        font-weight: 700
    }

.historicalData .pickerBox {
    margin-left: 45px;
    width: 100%
}

    .historicalData .pickerBox .text {
        font-size: 14px
    }

    .historicalData .pickerBox .day-name {
        color: #4f4f4f;
        font-size: 12px
    }

    .historicalData .pickerBox .resetBtn {
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 96px;
        margin-left: 10px;
        border: 1px solid #383f56;
        background: #25293a;
        border-radius: 5px;
        cursor: pointer
    }

        .historicalData .pickerBox .resetBtn .text {
            font-size: 14px;
            color: #fff
        }

    .historicalData .pickerBox .datePicker {
        position: relative;
        left: 0;
        top: 0;
        background: #25293a;
        border: 1px solid #383f56;
        margin-left: 10px;
        padding: 9px 18px;
        border-radius: 5px
    }

    .historicalData .pickerBox .onlyCal {
        z-index: 2;
        position: absolute;
        left: 0;
        top: 50px;
        background: #25293a;
        border-radius: 5px;
        padding: 9px 18px
    }

.historicalData .table-body, .historicalData .table-head {
    border-bottom: 1px solid #383f56;
    padding: 17px 10px
}

.historicalData .table-item.round {
    max-width: 70px;
    text-align: center;
    margin-right: 20px
}

.historicalData .table-item.time {
    max-width: 150px;
    text-align: center
}

.historicalData .table-item.eRate, .historicalData .table-item.sRate {
    max-width: 130px;
    justify-content: end;
    display: flex
}

.historicalData .table-head .table-item.eRate, .historicalData .table-head .table-item.sRate {
    transform: translateX(-10px)
}

.historicalData .table-item.detail {
    width: 100%;
    padding-left: 20px
}

.historicalData .table-item.result {
    justify-content: end;
    text-align: right;
    max-width: 140px
}

.historicalData .paginationArea {
    padding: 20px;
    width: 100%
}

    .historicalData .paginationArea .text-warning {
        color: #6c738a;
        font-size: 13px;
        width: 100%
    }

    .historicalData .paginationArea .control-box {
        width: 100%
    }

    .historicalData .paginationArea button {
        background: #25293a;
        border: 1px solid #383f56;
        border-radius: 5px;
        color: #fff;
        max-width: 106px;
        height: 36px;
        margin-right: 10px;
        font-size: 14px;
        padding: 0 14px;
        cursor: pointer
    }

        .historicalData .paginationArea button span {
            font-size: 10px;
            margin-right: 2px;
            color: #717790;
            margin-top: -5px
        }

        .historicalData .paginationArea button.onlyNumber {
            cursor: auto
        }

        .historicalData .paginationArea button:disabled {
            opacity: .5;
            cursor: no-drop
        }

.historicalData .noDataBox {
    height: 50dvh
}

    .historicalData .noDataBox .position {
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .historicalData .noDataBox img {
        display: block;
        margin: 0 auto;
        max-width: 50px
    }

    .historicalData .noDataBox .text {
        color: #5e616c;
        text-align: center;
        font-weight: 700;
        margin-top: 20px
    }

.historicalData.tradeGuide .inner p.big {
    color: #fff;
    font-size: 24px;
    margin-bottom: 22px;
    font-weight: 700
}

.historicalData.tradeGuide .inner p.small {
    color: hsla(0,0%,100%,.6);
    font-size: 18px
}

@media(max-width: 1024px) {
    .subPage {
        padding: 0 20px;
        overflow: hidden
    }

    .historicalData .tabArea {
        display: block;
        margin-bottom: 29px
    }

    .historicalData .pickerBox {
        margin-left: 0;
        margin-top: 12px
    }

    .historicalData .table-item.round {
        max-width: 60px
    }

    .historicalData .table-item.time {
        max-width: 150px
    }

    .historicalData .table-item.eRate, .historicalData .table-item.sRate {
        max-width: 100px
    }

    .historicalData .table-box {
        overflow: auto
    }

        .historicalData .table-box .table-scroll-wrap {
            min-width: 960px;
            min-height: 300px
        }

        .historicalData .table-box::-webkit-scrollbar {
            height: 5px
        }

        .historicalData .table-box::-webkit-scrollbar-track {
            background: #14161d
        }

        .historicalData .table-box::-webkit-scrollbar-thumb {
            background: #363636;
            border-radius: 10px
        }

            .historicalData .table-box::-webkit-scrollbar-thumb:hover {
                background: #555
            }

    .marketTrade.subPage .futuresTrade.table {
        display: none
    }

    .marketTrade .orderBook {
        max-width: 100%
    }

        .marketTrade .orderBook.btc {
            margin-left: 0
        }

        .marketTrade .orderBook.eth {
            margin-right: 0
        }
}

@media(max-width: 758px) {
    .historicalData .pageTab .item, .historicalData .pickerBox .datePicker {
        width: 100%
    }

    .historicalData .pickerBox .onlyCal {
        width: 100%;
        left: 50%;
        transform: translateX(-50%)
    }

    .g-calendar {
        justify-content: center
    }

    .historicalData .paginationArea {
        display: block
    }

        .historicalData .paginationArea .control-box p {
            font-size: 14px
        }

        .historicalData .paginationArea .text-warning {
            font-size: 10px;
            text-align: right;
            margin-bottom: 10px
        }

    .historicalData .paginationArea {
        padding: 5px 0
    }

    .historicalData .pageTab .item:last-child {
        margin-right: 0
    }
}

@media(max-width: 575px) {
    .historicalData .tabArea {
        margin-bottom: 10px
    }

    .historicalData .table-box {
        padding: 0
    }

    .subPage .mainTitle {
        margin: 20px 0
    }

    .historicalData .pageTab .item {
        padding: 5px 10px
    }

        .datePicker .date-view-box, .historicalData .pageTab .item .text {
            font-size: 12px
        }

    .historicalData .pickerBox .resetBtn {
        height: 32px;
        max-width: 84px
    }

    .historicalData .pickerBox .text {
        font-size: 12px
    }

    .marketTrade.subPage, .marketTrade.subPage .table-body, .marketTrade.subPage .table-head {
        padding: 0 5px
    }

        .marketTrade.subPage .table-box {
            font-size: 10px
        }

    .marketTrade .orderBook.eth {
        margin: 0
    }

    .marketTrade.subPage .livePrice .now {
        font-size: 14px
    }

    .marketTrade.subPage .livePrice .before {
        font-size: 10px
    }
}

.calendar-container, .g-calendar {
    display: flex
}

.current-calendar, .next-calendar {
    flex: 1
}

.current-calendar {
    padding-right: 5px;
    border-right: 1px solid #999
}

.next-calendar {
    margin-left: 2px;
    padding-left: 2px
}

.next-icon {
    border-left: 12px solid #f79f18
}

.next-icon, .prev-icon {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    cursor: pointer
}

.prev-icon {
    border-right: 12px solid #f79f18
}

    .next-icon.disabled, .prev-icon.disabled {
        border-right-color: #a7a4a46b;
        border-left-color: #a7a4a46b;
        cursor: auto
    }

.day-name {
    display: flex;
    justify-content: space-between;
    padding-top: 2px;
    padding-bottom: 2px
}

    .day-name span {
        width: 100%;
        text-align: center;
        font-weight: 550
    }

.month-name {
    display: flex;
    padding: 5px;
    font-size: 22px;
    font-weight: 480
}

    .month-name .prev-icon {
        padding-left: 7px
    }

    .month-name .month-text {
        margin: auto;
        color: #fff
    }

.calendar-dates .date-row {
    display: flex
}

.blank-day, .date {
    width: 14.28%;
    text-align: center;
    padding: 7px
}

    .blank-day.date-selected-start, .date.date-selected-start {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }

    .blank-day.date-selected-end, .date.date-selected-end {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }

    .blank-day.date-disabled, .date.date-disabled {
        background: transparent;
        color: hsla(0,0%,100%,.23)
    }

    .blank-day.date-today, .date.date-today {
        background: #43edb6;
        color: #2d2d2d
    }

    .blank-day.date-highlighted, .date.date-highlighted {
        background: #f79f18 !important;
        color: #fff
    }

    .blank-day.date-selected, .date.date-selected {
        background: #c27502 !important;
        color: #fff
    }

.calendar-dates .date {
    color: #fff
}

    .calendar-dates .date.date-disabled {
        color: hsla(0,0%,100%,.23)
    }

.datePicker .date-view-box {
    color: #fff;
    cursor: pointer;
    font-size: 14px
}

@media(max-width: 575px) {
    .datePicker .date-view-box {
        font-size: 10px
    }
}

#chartContainer1, #chartContainer2, .chartPopup {
    height: 100%;
    width: 100%
}

.chartPopup {
    position: relative
}

.wrapSpinner {
    position: absolute;
    top: 50%;
    left: 50%
}

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

    .lds-spinner div {
        transform-origin: 40px 40px;
        animation: lds-spinner 1.2s linear infinite
    }

        .lds-spinner div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 3px;
            left: 37px;
            width: 4px;
            height: 10px;
            border-radius: 20%;
            background: #006eff
        }

        .lds-spinner div:first-child {
            transform: rotate(0deg);
            animation-delay: -1.1s
        }

        .lds-spinner div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s
        }

        .lds-spinner div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -.9s
        }

        .lds-spinner div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -.8s
        }

        .lds-spinner div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -.7s
        }

        .lds-spinner div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -.6s
        }

        .lds-spinner div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -.5s
        }

        .lds-spinner div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -.4s
        }

        .lds-spinner div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -.3s
        }

        .lds-spinner div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -.2s
        }

        .lds-spinner div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -.1s
        }

        .lds-spinner div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0s
        }

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

#fountainTextG {
    width: 234px
}

.fountainTextG {
    color: #006eff;
    font-family: Arial;
    font-size: 24px;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    float: left;
    animation-name: bounce_fountainTextG;
    -o-animation-name: bounce_fountainTextG;
    -ms-animation-name: bounce_fountainTextG;
    -webkit-animation-name: bounce_fountainTextG;
    -moz-animation-name: bounce_fountainTextG;
    animation-duration: 2.09s;
    -o-animation-duration: 2.09s;
    -ms-animation-duration: 2.09s;
    -webkit-animation-duration: 2.09s;
    -moz-animation-duration: 2.09s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5)
}

#fountainTextG_1 {
    animation-delay: .75s;
    -o-animation-delay: .75s;
    -ms-animation-delay: .75s;
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s
}

#fountainTextG_2 {
    animation-delay: .9s;
    -o-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s
}

#fountainTextG_3 {
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s
}

#fountainTextG_4 {
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s
}

#fountainTextG_5 {
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s
}

#fountainTextG_6 {
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s
}

#fountainTextG_7 {
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s
}

#fountainTextG_8 {
    animation-delay: 1.79s;
    -o-animation-delay: 1.79s;
    -ms-animation-delay: 1.79s;
    -webkit-animation-delay: 1.79s;
    -moz-animation-delay: 1.79s
}

#fountainTextG_9 {
    animation-delay: 1.94s;
    -o-animation-delay: 1.94s;
    -ms-animation-delay: 1.94s;
    -webkit-animation-delay: 1.94s;
    -moz-animation-delay: 1.94s
}

#fountainTextG_10 {
    animation-delay: 2.09s;
    -o-animation-delay: 2.09s;
    -ms-animation-delay: 2.09s;
    -webkit-animation-delay: 2.09s;
    -moz-animation-delay: 2.09s
}

#fountainTextG_11 {
    animation-delay: 2.24s;
    -o-animation-delay: 2.24s;
    -ms-animation-delay: 2.24s;
    -webkit-animation-delay: 2.24s;
    -moz-animation-delay: 2.24s
}

#fountainTextG_12 {
    animation-delay: 2.39s;
    -o-animation-delay: 2.39s;
    -ms-animation-delay: 2.39s;
    -webkit-animation-delay: 2.39s;
    -moz-animation-delay: 2.39s
}

#fountainTextG_13 {
    animation-delay: 2.54s;
    -o-animation-delay: 2.54s;
    -ms-animation-delay: 2.54s;
    -webkit-animation-delay: 2.54s;
    -moz-animation-delay: 2.54s
}

@keyframes bounce_fountainTextG {
    0% {
        transform: scale(1);
        color: #006eff
    }

    to {
        transform: scale(.5);
        color: #fff
    }
}

.sound-control {
    margin-top: 20px
}

.sound-label-text {
    color: #fff;
    width: 100%;
    font-size: 28px;
    font-weight: 700
}

.timer-box {
    width: 290px;
    height: 110px;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    font-weight: 700;
    z-index: 3
}

    .timer-box .backDiv, .timer-box .frontDiv {
        width: 150px;
        height: 102px;
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        border-radius: 20%
    }

    .timer-box .frontDiv {
        display: none;
        background: #434343
    }

    .timer-box .maskImg {
        z-index: 3;
        position: absolute;
        left: 0;
        top: 0
    }

@media(max-width: 575px) {
    .timer-box {
        width: 200px;
        height: 84px;
        padding-top: 0
    }

        .timer-box .maskImg {
            width: 100%
        }
}