/* 移动端适配样式 */
   /* 移动端适配样式 */
        @media (max-width: 768px) {
            .tips-box,
            .main-bg-wrap {
                display: none !important;
            }
            
            .login-main {
                position: static!important;
                padding: 0 !important;
                margin: 0 auto !important;
                width: 100% !important;
                background: #fff;
            }
            .warningBox{
                display: none!important;
            }
            .el-main{
                /* background: #fff !important; */
            }
            .el-header img{
                width: 100%;
                height: auto!important;
            }
            .el-header{
                height: 105px!important;
            }
            .header-tips{
                position: static!important;
            }
            .header-box>div>p{
                font-size: 14px!important;
            }
            .tab-box__flex {
                width: 95% !important;
                transform: translateY(20%);
                left: 2.5% !important;
                /* box-shadow: 0px 1px 0px 1px rgba(230,230,230,1); */
            }

            .el-tabs {
                box-shadow: none !important;
                background: transparent !important;
            }

            .el-tabs__item {
                padding: 0 15px !important;
            }

            #app {
                height: auto !important;
                min-height: 100vh;
                background: #fff;
            }

            .el-main {
                padding: 0 !important;
                flex: 1;
            }
            .el-footer{
                height: 140px!important;
            }
            
            .el-container {
                display: flex;
                flex-direction: column;
                height: 100vh !important;
            }
            .tab-box__flex .el-tabs__content{
                background-color: #fff;
                height: 100%;
            }
            
            /* 移动端输入优化 */
            .el-input__inner {
                height: 46px !important;
                font-size: 16px !important;
            }
            
            .el-button {
                height: 48px !important;
                font-size: 16px !important;
            }
            .loginoutMainBg{
                min-width: 100% !important;
            }
            .loginoutMain{
                    width: 90% !important;
                    left: 5% !important;
                margin-left: 0 !important; 
            }
            .loginOutBox{
                box-sizing: border-box !important;
                width: 100% !important;
                /* width: 90% !important;
                left: 10% !important;
                margin-left: 0; */
            }
            .loginOutBt{
                padding-top: 5px !important;
            }
        }
@media screen and (orientation: landscape) {
    .tab-box__flex {
        transform: translateY(5%);
    }
    
    .el-input__inner {
        height: 40px !important;
    }
}
@supports (padding: max(0px)) {
    .login-main {
        padding-top: env(safe-area-inset-top) !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }
}
/* @media (max-width: 768px) { */


    /* .login-box{
        display: none;
    }
    .mobile-wrapper{
        display: block;
    }
    .header-tips{
        position: static;
    }
    .mobile-wrapper .header-box{
        display: block;
    }
    .mobile-wrapper .header-box img{
        width: 100%;
    }
    .el-header, 
    .el-footer, 
    .tips-box,
    .main-bg-wrap {
        display: none !important;
    }
    
    .login-main {
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        height: 100vh !important;
        background: #fff;
    }

    .tab-box__flex {
        width: 100% !important;
        transform: translateY(20%);
    }

    .el-tabs {
        box-shadow: none !important;
        background: transparent !important;
    }

    .el-tabs__item {
        padding: 0 15px !important;
    }

    #app {
        height: auto !important;
        min-height: 100vh;
        background: #fff;
    }

    .el-main {
        padding: 0 !important;
    }
    
    .el-container {
        height: auto !important;
    } */
    
    /* 移动端输入优化 */
    /* .el-input__inner {
        height: 46px !important;
        font-size: 16px !important;
    }
    
    .el-button {
        height: 48px !important;
        font-size: 16px !important;
    } */
/* } */