/* styles.css */
/* 全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body {
    /* background-image: url(https://picbox.rutno.com/uploads/684aa0ad745e7.png); */
    /* background-image: url(https://picbox.rutno.com/uploads/68341a4695e37.png); */
    /* background-image: url(https://devsky.oss-cn-beijing.aliyuncs.com/2023/08/20240901150319274.jpg); */
    background-image: url(https://devsky.oss-cn-beijing.aliyuncs.com/2025/06/20250620104144199.jpg);
    /* background-image: radial-gradient(circle at 93% 100%, rgba(22, 119, 255, .17) 0, hsla(0, 0%, 100%, .05) 23%, hsla(0, 0%, 100%, .03) 87%, rgba(22, 119, 255, .12) 109%); */
    background-color: #f6f6f6;
    color: #333;
    line-height: 1.6;
    display: flex;
    /* gap: 50px; */
    height: 100vh;
    /* backdrop-filter: blur(40px); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* background: linear-gradient(1turn, #fff, #e4f0ff94 50%); */
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.rn-tongzhi-box {
    display: flex;
    position: absolute;
    top: 92px;
    width: calc(100% - 240px);
    padding: 15px 20px;
    background-color: #e0ecff;
    font-size: 14px;
    color: #003cab;
    margin-left: 120px;
}

.rnlogin-tc {
    font-size: 12px;
    color: #00000099;
    position: fixed;
    bottom: 50px;
    left: 50%;
    /* 改为此值以开始居中 */
    transform: translateX(-50%);
    /* 结合left: 50%实现完全居中 */
    text-align: center;
    width: 100%;
}

.login_h1_rutno {
    display: flex;
    background-color: #00000000;
    color: #000000;
    flex-direction: column;
    margin-bottom: 25px;
}

.top_big_h1 {
    font-size: 24px;
    font-weight: 700;
}

.bottom_small_h1 {
    font-size: 18px;
}

.st-bt-rn {
    color: #77b255;
}

.login-btn-go {
    padding: 5px 15px;
    border: 1px #77b255 solid;
    color: #77b255;
    font-size: 14px;
}

.ad-rnbox {
    display: flex;
    /*gap: 20px;*/
    margin: 20px;
    flex-direction: column;
}

.ad-rnbox-a,
.ad-rnbox-b {
    flex: 1;
    padding: 15px;
    border-radius: 3px;
    /*box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
}

/* Carousel Styles */
.carousel-container {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 3px;
}

.carousel-slides {
    display: flex;
    width: 300%;
    height: 100%;
    transition: transform 0.5s ease;
}

.slide {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 20px;
    box-sizing: border-box;
}

.carousel-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.3);
}

.progress-bar {
    height: 100%;
    width: 0%;
    background-color: white;
    transition: width 3s linear;
}

.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 3px;
    font-size: 16px;
    z-index: 10;
}

.prev-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}

/* Announcement Board Styles */
.announcement-board {
    background-color: #ffffff00;
    border-radius: 3px;
    padding: 15px;
    margin-left: 100px;
}

.announcement-board h3 {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #77b255;
    color: #333;
    width: 80%;
    font-size: 26px;
}

.announcement-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.announcement-list li {
    padding: 3px 0;
    /* border-bottom: 1px solid #eee; */
    color: #000000e6;
    font-size: 16px;
}

.announcement-list li:last-child {
    border-bottom: none;
}

/* 修改自动填充输入框的背景颜色 */
input:-webkit-autofill {
    background-color: white !important;
    color: black !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    /* 使用一个大的阴影覆盖默认的黄色背景 */
}

/* 如果需要移除自动填充时的内边距变化(有些浏览器可能会增加内边距) */
input:-webkit-autofill {
    padding: 0;
}

/* 可以根据需要进一步定制字体、边框等其他样式 */
input:-webkit-autofill {
    font-size: 16px;
    border: 1px solid #f4f6f7;
}

.btn-2fa {
    width: 100%;
    padding: 10px 25px;
    max-height: 47px;
    height: 47px;
    border: none;
    border-radius: 3px;
    background-color: #77b255;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* margin-bottom: 20px; */
    margin-top: 5px;
    /* box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%); */
}

.btn-2fa:hover {
    background-color: #449a00;
}

.btn-2fa:active {
    background-color: #337300;
}


button[type="submite"] {
    width: 100%;
    padding: 10px 25px;
    max-height: 47px;
    height: 47px;
    border: none;
    border-radius: 3px;
    background-color: #77b255;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* margin-bottom: 20px; */
    margin-top: 5px;
    /* box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%); */
}




button[type="submitt"] {
    width: 100%;
    padding: 10px 25px;
    max-height: 47px;
    height: 47px;
    border: none;
    border-radius: 3px;
    background-color: #77b255;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* margin-bottom: 20px; */
    margin-top: 5px;
    /* box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%); */
}

button[type="submite"]:hover {
    background-color: #449a00;
}

button[type="submite"]:active {
    background-color: #337300;
}


button[type="submitt"]:hover {
    background-color: #449a00;
}

button[type="submitt"]:active {
    background-color: #337300;
}

.boxbg {
    position: absolute;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    z-index: -1;
}

.container {
    /* max-width: 660px;
    width: 660px; */
    margin: 0 auto;
    padding: 40px;
    background-color: #fff;
    border-radius: 3px;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    /* box-shadow: 0 0px 45px rgba(0, 0, 0, .05); */
    align-items: stretch;
    display: flex;
    /* align-items: flex-start; */
    justify-content: space-between;
    gap: 44px;
    border-radius: 8px 8px 0px 0px;

}

.login_footer_div {
    display: inline-block;
    color: #666;
    /* 链接颜色 */
    cursor: pointer;
    margin: 10px 0;
    font-size: 12px;
}

.login_footer_div:hover {
    color: #449a00;
    /* 鼠标悬停颜色 */
}

.login_footer_right {
    display: flex;
    gap: 20px;
    margin-bottom: -3px;
}

.login_footer_left {
    display: flex;
}

.login_f_btn_div {
    display: flex;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    gap: 10px;
    align-items: center;
}

.login_c_rn_t_b {
    display: flex;
    /* width: 660px; */
    /* padding: 0px 52px 0px 52px; */
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    /* box-shadow: 0px 0px 30px 0px #dfdfdf82; */
    border: 1px solid #ededed;
    border-radius: 8px;
}

.login_footerdsm_app {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    padding: 0 32px 0 40px;
    background: #fafafa;
    border-radius: 0 0 8px 8px;
}

.login_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #222;
    text-align: center;
    margin-bottom: 15px;
}

.login_t_left {
    text-align: left;
}

.login_says_p_rn {
    margin-top: 15px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #222;
}

.login_right {
    /* padding-left: 40px;
    margin-left: 40px;
    border-left: 1px solid #e8e8e8; */


}

.login_footer_left {
    display: flex;
    gap: 20px;
    margin-bottom: -3px;
}

.vertical-line {
    width: 1px;
    background-color: #e8e8e8;
}

.z2v_code_login {
    width: 132px;
    height: 132px;
    margin-top: 35px;
}

.logodiv {
    text-align: center;
    margin-bottom: 20px;
}

.logo {
    height: 45px;
    width: auto;
}

/* 错误提示 */
.error {
    color: #ff4d4d;
    background-color: #ffd6d6ad;
    padding: 5px 10px;
    border-bottom: none;
    border-radius: 3px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    display: flex;
    font-size: 12px;
}

/* 选项卡按钮 */
.tabs {
    display: flex;
    margin-bottom: 20px;
    background-color: #ffffff00;
    /* padding: 6px; */
    border-radius: 3px;
    justify-content: flex-start;
    align-items: center;
}

.tablink {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;

    font-size: 12px;
    color: #1e1e1e;
    border-bottom: 3px #ffffff00 solid;
    transition: all 0.3s ease;

    border-radius: 3px;

}

.tablink:hover {
    background-color: #ffffff00;
    color: #747474;
}

.tablink.active {
    /* background-color: #fff; */
    color: #000000;
    font-weight: 600;
    border-bottom: 3px #77b255 solid;
    border-radius: 3px;
    /* box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08); */
}

/* 选项卡内容 */
.tabcontent {
    display: none;
    animation: fadeIn 0.5s ease;
}

.tabcontent.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* 表单样式 */
.form-group {
    margin-bottom: 15px;
}


/* 修改密码输入框的placeholder文本颜色 */
#passwordField::placeholder {
    color: #777777;
    /* 将红色替换为你想要的颜色 */
    /*font-weight: 600;*/
}

#usernameField::placeholder {
    color: #777777;
    /* 将红色替换为你想要的颜色 */
    /*font-weight: 600;*/
}

#username::placeholder {
    color: #777777;
    /* 将红色替换为你想要的颜色 */
    /*font-weight: 600;*/
}

#email::placeholder {
    color: #777777;
    /* 将红色替换为你想要的颜色 */
    /*font-weight: 600;*/
}

#text::placeholder {
    color: #777777;
    /* 将红色替换为你想要的颜色 */
    /*font-weight: 600;*/
}

#verification_code::placeholder {
    color: #777777;
    /* 将红色替换为你想要的颜色 */
    /*font-weight: 600;*/
}

#password::placeholder {
    color: #777777;
    /* 将红色替换为你想要的颜色 */
    /*font-weight: 600;*/
}

#confirm_password::placeholder {
    color: #777777;
    /* 将红色替换为你想要的颜色 */
    /*font-weight: 600;*/
}

#phone::placeholder {
    color: #777777;
    /* 将红色替换为你想要的颜色 */
    /*font-weight: 600;*/
}


.gdxgzd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #737373;
}

.gdxgzdzj {
    display: flex;
    gap: 15px;
    font-size: 12px;
    color: #767676;
    justify-content: flex-start;
    align-items: center;
}

.msx30 {
    /*margin-bottom: 30px;*/
    margin-top: 30px;
}

.logindbf-rn {
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
}

.zuoyoufont {
    height: 1px;
    width: 120px;
    background-color: #f4f4f4;
}

form {
    width: 320px !important;
}

.form-group input {
    width: 100%;
    /* padding: 10px 0px; */
    border: 1px solid #dcdcdc;
    /* border-left: none; */
    /* border-top: none; */
    /* border-right: none; */
    border-radius: 3px;
    height: 40px;
    max-height: 40px;
    font-size: 14px;
    padding-left: 15px;
    transition: border-color 0.3s ease;
    /* margin-top: 10px; */
    margin-bottom: 10px;
    background-color: #ffffff;
}

.form-group input:focus {
    border-color: #77b255;
    outline: none;
    background: #fff;
}

.form-mg {
    display: flex;
    gap: 15px;
}

.form-mg input {
    flex: 1;
}

.form-mg button {
    /* flex: 0 0 auto; */
    padding: 0px 10px;
    /* border: none; */
    height: 40px;
    max-height: 40px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #6d6d6d;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* box-shadow: 0 1px 1px rgb(0 0 0 / .08); */
    border: 1px solid #e2e2e2;
}

.form-mg button:hover {
    background-color: #ffffff;
}

/* 按钮样式 */
button[type="submit"] {
    width: 100%;
    padding: 10px 25px;
    max-height: 40px;
    padding-left: 15px;
    height: 40px;
    border: none;
    border-radius: 3px;
    background-color: #77b255;
    color: #fff;
    /* font-weight: 600; */
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* margin-bottom: 20px; */
    margin-top: 5px;

}

.login-tips-rn {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-size: 12px;
    color: #666;
}

button[type="submit"]:hover {
    background-color: #449a00;
}

button[type="submit"]:active {
    background-color: #337300;
}



/* 第三方登录按钮 */
button.social-login {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button.social-login:hover {
    background-color: #f0f0f0;
}

button.social-login img {
    height: 30px;
    width: auto;
    margin-right: 10px;
}


.air-20px-rn {
    margin-top: 20px;
}


* {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Webkit */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Edge */
}


/* 链接样式 */
a {
    color: #949494;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #449a00;
}

/* 底部版权信息 */
.sitetext {
    text-align: center;
    /* margin-top: 50px; */
    font-size: 14px;
    color: #000000;
    /* padding: 15px; */
    /* border-radius: 15px; */
    background-color: none;
    position: fixed;
    bottom: 10px;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sitetext:hover {
    font-size: 14px;
    transition: all 0.3s;
}

.sitetext p {
    margin: 5px 0;
}

.serpx {
    font-size: 12px;
    color: #949494;
    margin-bottom: 15px;
}

.zhserpx {
    font-size: 12px;
    color: #949494;
}

.hrlogin {
    height: 1px;
    color: #F5F5F5;
    background: #F5F5F5;
    border: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

.loginwjmm {
    margin-top: 20px;
}

.logofont {
    display: flex;
    width: 580px;
    margin-bottom: 20px;
}

.logofont-img {
    display: flex;
    height: 25px;
    /* position: fixed; */
    top: 50px;
    left: 50px;
}


.logofont-sj {
    display: none
}

.logofont-img-sj {
    display: none;

}

.form-group input:hover {
    /*border-color: #007bff;*/
    outline: none;
}

/* 移除输入框和按钮的默认outline */
input,
button,
select,
textarea {
    outline: none;
}

/* 对于一些浏览器，可能还需要移除-webkit-focus-ring-color */
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
}

input,
button {
    -webkit-tap-highlight-color: transparent;
    /* 移除移动端点击高亮 */
}




.oauthsf {
    overflow: hidden;
    /* 确保子div默认被隐藏 */
}

.oauthsf .content {
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
}

.oauthsf:hover .content {
    /* 根据你的需要调整这个值 */
    max-height: 200px;
    /* 或者一个更大的值以适应你的内容 */
}


.unique-container_oauthsf_12345 {
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
    height: 20px;
    font-size: 12px;
    color: #fff;
}

.expandable_content_67890 {
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
    overflow: hidden;
}

.unique-container_oauthsf_12345:hover .expandable_content_67890 {
    /* 根据你的需要调整这个值 */
    max-height: 200px;
    /* 或者一个更大的值以适应你的内容 */
}

.new-version-btn {
    padding: 10px 20px;
    background-color: #fff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border: 1px #fff solid;
    transition: all 0.3s;
}

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

.n-v-btn-nb {
    display: flex;
    align-items: center;
    gap: 10px;
}


.new-version-btn:hover {
    cursor: pointer;
    border: 1px #77b255 solid;
}


/* 美化打开窗口的按钮 */
.open-popup-btn {
    position: fixed;
    right: 75px;
    display: flex;
    top: 10px;
    background-color: #ffffff00;
    color: #363636;
    border: none;
    padding: 10px 10px;
    gap: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s ease;
    z-index: 1000;
}





.open-popup-btn:hover {
    /*background-color: #449a00;*/
    /*font-weight: 600;*/
    color: #77b255;
}



.tcdl {
    position: fixed;
    right: 136px;
    display: flex;
    top: 10px;
    background-color: #ffffff00;
    color: #363636;
    border: none;
    padding: 10px 10px;
    gap: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s ease;
    z-index: 1000;
}

.tcdl:hover {
    /*background-color: #449a00;*/
    /*font-weight: 600;*/
    color: #77b255;
}



/* 弹出窗口背景遮罩层 */
.popup {
    display: none;
    /* 默认隐藏 */
    position: fixed;
    z-index: 1;
    /* 确保在最上层 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(255 255 255 / 54%);
    /* 白色半透明背景 */
    opacity: 0;
    /* 初始状态为完全透明 */
    transition: opacity 0.4s ease;
    /* 添加过渡效果 */
}

.popup.show {
    display: block;
    opacity: 1;
    /* 完全不透明 */
}

/* 弹出窗口内容框样式 */
.popup-content {
    background-color: white;
    padding: 30px;
    width: 500px;
    height: 800px;
    max-height: 800px;
    overflow-y: auto;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.2s ease;
    box-shadow: 0px 1px 20px 0px #00000005;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}



/* 针对所有支持的浏览器 */


/* 针对WebKit浏览器(如Chrome和Safari) */
.popup-content::-webkit-scrollbar {
    width: 4px;
    /* 滚动条宽度 */
}

.popup-content::-webkit-scrollbar-track {
    background: #fff;
    /* 滚动条轨道背景颜色 */
}

.popup-content::-webkit-scrollbar-thumb {
    background-color: #eeeeee;
    /* 滑块颜色 - 较浅的颜色 */
    border-radius: 0;
    /* 根据需要调整圆角 */
}

/* 隐藏滚动条上的上下按钮 */
.popup-content::-webkit-scrollbar-button {
    display: none;
    /* 隐藏滚动条上的上下按钮 */
}

/* 对于Firefox */
.popup-content {
    scrollbar-width: thin;
    /* 设置滚动条宽度 */
    scrollbar-color: #eeeeee #fff;
    /* 滑块颜色与轨道颜色 */
}





.popup.show .popup-content {
    opacity: 1;
    transform: scale(1);
    /* 正常大小 */
}

/* 关闭按钮样式 */
.close {
    color: #77b255;
    float: right;
    font-size: 30px;
    font-weight: 600;
    cursor: pointer;
    margin-top: -12px;
}

.close:hover,
.close:focus {
    color: black;
}



/* 美化打开窗口的新按钮 */
.new-open-popup-btn {
    position: fixed;
    right: 20px;
    display: flex;
    top: 10px;
    background-color: #ffffff00;
    color: #363636;
    border: none;
    padding: 10px 10px;
    gap: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s ease;
    z-index: 1000;
}

.new-open-popup-btn:hover {
    /*background-color: #3e8e41; */
    /*font-weight: 600;*/
    color: #77b255;
}

/* 弹出窗口背景遮罩层 */
.new-popup {
    display: none;
    /* 默认隐藏 */
    position: fixed;
    z-index: 1;
    /* 确保在最上层 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0 0 0 / 0%);
    z-index: 2000;
}




/* 弹出窗口内容框样式 */
.new-popup-content {
    background-color: #fefefe;
    padding: 7px;
    width: 220px;
    /*height: 600px;*/
    max-width: 220px;
    border-radius: 3px;
    box-shadow: 0px 1px 20px 0px #00000005;
    opacity: 0;
    transform: scale(0.7);
    position: fixed;
    transition: all 0.2s ease;
    top: 90px;
    right: 20px;
}

.new-popup.show .new-popup-content {
    opacity: 1;
    transform: scale(1);
    /* 正常大小 */
}

/* 关闭按钮样式 */
.new-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.new-close:hover,
.new-close:focus {
    color: black;
}


.sidebar-btn {
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 13px;
    background-color: #ffffff00;
    border-radius: 3px;
    transition: all 0.2s;
}

.sidebar-btn:hover {
    background: #f5f5f5;
    cursor: pointer;
}

.sidebar-btn-img {
    width: 30px;
}


#width {
    width: 760px;
    max-width: 760px;
    background-color: #fff;
    padding: 20px;
    margin-top: 50px;
    border-radius: 10px;
}

.imgversion {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    body {
        background-image: none;
        display: flex;
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: overlay;
        flex-direction: column;
        justify-content: flex-start;
        background-color: #fff;
        gap: 0px;

    }

    .rnlogin-tc {
        display: none;
    }

    .rn-tongzhi-box {
        display: none;
    }

    .ad-rnbox {
        display: none;
    }

    .new-version-btn {
        display: none;
    }

    .sitetext {
        display: none;
    }

    .logofont-img {
        display: none;
    }

    .logofont-sj {
        display: flex;
    }

    .logofont-img-sj {
        display: flex;
        max-width: 130px;
        margin-bottom: 50px;
        margin-top: 50px;
    }


    .container {

        width: 100%;
        padding: 10px 20px;
        /*right: 0px;*/
        /*margin-top: 120px;*/
        /*margin-bottom: 100px;*/
        box-shadow: 0px 0px 0px 0px #00000000;
        margin: 0;
    }


    .tablink {
        background-color: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        /* font-weight: 600; */
        padding: 10px 0px;
        font-size: 14px;
        color: #777777;
        border-bottom: 3px #ffffff00 solid;
        transition: all 0.3s ease;
        /* width: 100%; */
        border-radius: 3px;
        margin-right: 0px;
    }

    .tabs {
        gap: 20px;
    }

    .popup-content {
        width: 100% !important;
    }

    .close {
        -webkit-tap-highlight-color: transparent;
        outline: none;
    }

    .close:focus,
    .close:active {
        outline: none;
    }

    .new-open-popup-btn {
        /*position: fixed !important;*/
        /*top: auto !important;*/
        /*bottom: 20px !important;*/
        display: none;
    }

    .open-popup-btn {
        /*position: fixed !important;*/
        /*top: auto !important;*/
        /*bottom: 20px !important;*/
        display: none;
    }

    .tcdl {
        /*position: fixed !important;*/
        /*top: auto !important;*/
        /*bottom: 20px !important;*/
        display: none;
    }

    .new-popup-content {
        top: 0px !important;
        width: 100% !important;
        right: 0px !important;
        height: calc(100vh - 100px) !important;
        box-shadow: 0px 2px 10px 0px #e7e7e7 !important;
        border-radius: 0px !important;
    }

    .login_right {
        display: none;
    }

    .vertical-line {
        display: none;
    }

    .login_footerdsm_app {
        display: none;
    }

    .login_c_rn_t_b {
        padding: 10px 20px;
        margin: 0;
    }


}

@media only screen and (max-width: 5600px) {
    .login_footer_right_pc {
        display: none;
    }
}