/* 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: #026fde;
}

.login-btn-go {
    padding: 5px 15px;
    border: 1px #026fde solid;
    color: #026fde;
    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 #026fde;
    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: #026fde;
    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: #0056b3;
}
.btn-2fa:active {
    background-color: #004080;
}


button[type="submite"] {
    width: 100%;
    padding: 10px 25px;
    max-height: 47px;
    height: 47px;
    border: none;
    border-radius: 3px;
    background-color: #026fde;
    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: #026fde;
    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: #0056b3;
}

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


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

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

.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: #0056b3; /* 鼠标悬停颜色 */
}
.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 #026fde 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: #026fde;
    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: #026fde;
    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: #0056b3;
}

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



/* 第三方登录按钮 */
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: #0056b3;
}

/* 底部版权信息 */
.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 #026fde 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: #0056b3;*/
  /*font-weight: 600;*/
    color: #026fde;
}



    .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: #0056b3;*/
  /*font-weight: 600;*/
    color: #026fde;
}



/* 弹出窗口背景遮罩层 */
.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: #026fde;
    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: #026fde;
}

/* 弹出窗口背景遮罩层 */
.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;
    }
}