html, body {
    min-width: 350px;
}

.logo {
    width: 48px;
    height: 48px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+KntmaWxsOiMzMDUwN2R9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEyIDJjNS41MTQgMCAxMCA0LjQ4NiAxMCAxMHMtNC40ODYgMTAtMTAgMTAtMTAtNC40ODYtMTAtMTAgNC40ODYtMTAgMTAtMTB6bTAtMmMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptLS41IDEyLjQ5N3YyLjUwM2MxLjk4NCAwIDMuMzQ0LS4xODggMy4zNDQtMS4yNTggMC0xLjE0OC0xLjQ2OS0xLjI0NS0zLjM0NC0xLjI0NXptMi43ODktMi4yNDdjMC0xLTEuMDM5LTEuMjUtMi43ODktMS4yNXYyLjVjMS4xMDUgMCAyLjc4OS0uMDc4IDIuNzg5LTEuMjV6bS0yLjI4OS03LjI1Yy00Ljk3MSAwLTkgNC4wMjktOSA5czQuMDI5IDkgOSA5IDktNC4wMjkgOS05LTQuMDI5LTktOS05em0xIDEzLjV2MS41aC0xdi0xLjUxMWgtLjV2MS41MTFoLTF2LTEuNTExaC0yLjQ4NGwuMjUtMS40ODloLjUzOWMuNDQyIDAgLjY5NS0uNDI1LjY5NS0uODU0di00LjQ0NGMwLS40MTYtLjI0Mi0uNzAyLS42ODMtLjcwMmgtLjgxN3YtMS41aDIuNXYtMS41aDF2MS41aC41di0xLjVoMXYxLjUyNmMyLjE1OC4wNzMgMy4wMTIuODkxIDMuMjU3IDEuODEyLjI5IDEuMDktLjQyOSAyLjAwNS0xLjA0NiAyLjIyOC43NS4xOTIgMS43ODkuNzQ2IDEuNzg5IDIuMDI2IDAgMS43NDEtMS4zNDQgMi45MDgtNCAyLjkwOHoiLz48L3N2Zz4=);
    background-size: 48px 48px;
}

.main-bg {
    background-image: linear-gradient(to right, #182848, #30507d);
    position: relative;
    min-height: 540px;
    display: flex;
    flex-direction: column;
}
.main-bg .header-body{
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.main-color {
    color: #30507d;
}

.text-bold {
    font-weight: bold;
}

.uk-nav-header:not(:first-child) {
    margin-top: 0;
}

.uk-dropdown {
    padding: 0;
    min-width: 150px;
}

.language {
    background: #182848;
    color: #697caa !important;
    border: none;
    text-align: center;
    cursor: pointer;
}

.language-change {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #7489bc;
}

.language-type {
    min-width: 150px;
}


.language:hover, .language:focus {
    background: #182848;
    color: #697caa;
}

.goods-item {
    border-radius: 10px;
    overflow: hidden;
}

.goods-item .goods-item-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    background-color: #30507d;
    padding: 0 20px;
    color: #FFFFFF;
    font-size: 14px;
}

.bth {
    background-image: url(../image/icon.gif);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: 90% center;
}

.usdt {
    background-image: url(../image/eth_icon.gif);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: 90% center;
}

.goods-item .goods-item-content {
    padding: 0 20px 40px 20px;
    background-color: #f2f5fa;
    font-size: 14px;
    text-align: left;
}

.goods-item .tips {
    font-size: 12px;
    line-height: 60px;
    color: #30507d;
    font-weight: 700;
}

.goods-item .price-box {
    border: 2px solid #30507d;
    padding: 10px 5px;
    border-radius: 5px;
    font-weight: 800;
    color: #000;
}


.type-options {
    display: flex;
    width: 202px;
    height: 40px;
    margin: 40px auto 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -101px;
}

.type-btn {
    cursor: pointer;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border: 1px solid #30507d;
    background-color: #182848;
    color: #fff;
    outline: none;
}

.type-btn.active {
    background-color: #30507d;
}

.eth {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 600px 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjI2Ljc3NyAyMjYuNzc3IiBoZWlnaHQ9IjIyNi43NzdweCIgaWQ9IkxheWVyXzEiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIyNi43NzcgMjI2Ljc3NyIgd2lkdGg9IjIyNi43NzdweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHN0eWxlPip7ZmlsbDojMTgyODQ4O308L3N0eWxlPjwvZGVmcz48Zz48cG9seWdvbiBmaWxsPSIjMjMxRjIwIiBwb2ludHM9IjExMi41NTMsMTU3IDExMi41NTMsODYuOTc3IDQ0LjE1OCwxMTYuOTM3ICAiLz48cG9seWdvbiBmaWxsPSIjMjMxRjIwIiBwb2ludHM9IjExMi41NTMsODIuMTYzIDExMi41NTMsLTAuMDU2IDQ2LjM2MiwxMTEuMTU2ICAiLz48cG9seWdvbiBmaWxsPSIjMjMxRjIwIiBwb2ludHM9IjExNi45NjIsLTAuMDkgMTE2Ljk2Miw4Mi4xNjMgMTg0LjA4MywxMTEuNTY2ICAiLz48cG9seWdvbiBmaWxsPSIjMjMxRjIwIiBwb2ludHM9IjExNi45NjIsODYuOTc3IDExNi45NjIsMTU3LjAwMiAxODUuNDA1LDExNi45NTcgICIvPjxwb2x5Z29uIGZpbGw9IiMyMzFGMjAiIHBvaW50cz0iMTEyLjU1MywyMjcuNDA2IDExMi41NTMsMTcxLjA4NSA0NC42MTgsMTMxLjMxICAiLz48cG9seWdvbiBmaWxsPSIjMjMxRjIwIiBwb2ludHM9IjExNi45NjIsMjI3LjQwNiAxODQuODk3LDEzMS4zMSAxMTYuOTYyLDE3MS4wODUgICIvPjwvZz48L3N2Zz4=");
}

.btc {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 600px 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../image/btc.svg");
}

.info1 {
    background-color: #f2f5fa;
    padding: 80px;
}

.info2 {
    background-color: #FFFFFF;
}

.info2 .text-row {
    padding: calc(25% - 150px) 10%;
}

.h1 {
    font-size: 2em;
    margin: 0;
}

@media (max-width: 768px) {
    .text-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 400px;
    }
}

.footer {
    background: linear-gradient(to left top, #182848, #30507d);
    background: -webkit-linear-gradient(to left top, #182848, #30507d);
    color: #697caa;
    padding: 20px;
    margin-top: 10px;
}

.footer .logos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.flex {
    display: flex;
}

.flex-sub {
    flex: 1;
}

.text-row1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10%;
    background: -webkit-linear-gradient(left top, #182848, #30507d);
    color: #fff;
    height: 100%;
}

.text-row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10%;
    background: -webkit-linear-gradient(left top, #182848, #30507d);
    color: #fff;
    height: 100%;
    position: absolute;
    width: 80%;
    bottom: 0;
    right: 0;
    overflow-y: scroll;
    opacity: .8;
}

.info3 {
    position: relative;
}

.action-row {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    width: 320px;
    height: 80px;
    left: calc(50% - 150px);
    z-index: 20;
}

.name-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    width: 110px;
    height: calc(100% - 40px);
    padding: 20px;
    color: #182848;
    font-size: 16px;
}

.line-box {
    display: flex;
    justify-content: center;
    overflow: hidden;
    background-color: #f2f5fa;
}

.line-box .line {
    width: 20%;
    height: 0;
    border-top: 1.5px solid #1c254c;
    margin: 10px 0;
}

.btn-row {
    display: flex;
    justify-content: space-between;
    width: 165px;
    height: 100%;
}

.btn-row .btn {
    width: 80px;
    height: 100%;
    background-color: #30507d;
    cursor: pointer;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .img-row {
        height: 400px;
    }

    .uk-slideshow-items {
        height: 400px;
    }
}

.img-row img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .action-row {
        height: 50px;
    }
}

@media (max-width: 768px) {
    .action-row .btn-row {
        width: 105px;
    }
}

@media (max-width: 768px) {
    .action-row .btn-row .btn {
        width: 50px;
        background-size: 30px 30px;
    }
}

.text-white {
    color: #ffffff;
}

.info1 .uk-first-column{
    display: flex;
    align-items: center;
}
.info1 .uk-first-column .uk-child-width-1-3{
    flex: 1;
    display: flex;
    justify-content: center;
}

.footer-banner{
    min-height: 782px !important;
}