@import url('variable.css');
@import "~bootstrap/scss/bootstrap";

html {
    margin: 0;
    padding: 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    height: 100%;
    background-blend-mode: soft-light, screen;
    background-color: var(--main_body_color);
    overflow-y: auto;
    padding: 0;
    margin: 0;
}

.container {
    width: 100%;
    height: 100%;
    z-index: 99;
    padding: 0.2rem;
}


/* 移动导航 */
.movenavx {
    width: 100%;
    height: 1rem;
    background-color: var(--nav_background_color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.2rem;
}

.movenavx-logo {
    display: flex;
}

.movenavx-logo-img{
    height: 0.56rem;
    /* vertical-align: baseline; */
}

.movenavx-button {
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer;
}

/* 移动端 底部样式  */
.footer{
    background-color: var(--main_footer_color);
    background-image: none;
}

.footer-container-phone {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 0.2rem 0;
}

.footer-container-phone-text {
    font-size: 0.14rem;
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgba(245, 245, 223, 0.6);
    line-height: 0.3rem;
}

.footer-phone-qrcode-image{
    width: 1rem;
    height: 1rem;
}

.breadcrumb {
    justify-content: left;
    padding-left: 0.1rem;
    margin-bottom: 0;
}