html,body{
    width: 100%;
    margin: 0;
    background: #f7f7f7;
}
#all_left{
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    /* width: 22rem; */
    /* background:rgb(215, 225, 255); */
    background: linear-gradient(to right, rgb(44, 47, 77), rgb(56, 58, 79)); 
    color: #ffffff;
    overflow: auto;
}
#all_top{
    position: absolute;
    z-index: 1;
    right: 0;
    /* left: 22rem; */
    /* height: 5rem; */
    /* background:rgba(229, 226, 226, 0.1); */
    background:#ffffff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
}
#all_right{
    position: absolute;
    z-index: 1;
    /* top: 5rem; */
    bottom: 0;
    right: 0;
    /* left: 22rem; */
}

/* 当屏幕分辨率高于1200时，设置div宽度为20px */
@media screen and (min-height: 1201px) {
    #all_left{
        width: 17.9rem;
    }
    #all_top{
        left: 17.9rem;
        height: 4rem;
    }
    #all_right{
        left: 17.9rem;
        top: 4rem;
    }
    #index div {
        font-size: 1.3rem; 
    }
    #logo {
        font-size: 2.5rem;
    }
    #group select{
        font-size: 1.2rem;
    }
    #signup, #site{
        font-size: 1rem;
    }
  }
   
/* 当屏幕分辨率小于或等于1200时，设置div宽度为10px */
@media screen and (max-height: 1200px) {
    #all_left{
        width: 22rem;
    }
    #all_top{
        left: 22rem;
        height: 5rem;
    }
    #all_right{
        left: 22rem;
        top: 5rem;
    }
    #index div {
        font-size: 1.5rem; 
    }
    #logo {
        font-size: 3rem;
    }
    #group select{
        font-size: 1.4rem;
    }
    #signup, #site{
        font-size: 1.2rem;
    }
  }

#group, #signup, #site{
    float: left;
    height: 100%;
    /* font-size: 1.4rem;  */
    text-indent: 5rem;
    line-height: 5rem;
    color: rgb(39, 44, 50);
}
#group, #signup, #site:hover{
    cursor: pointer;
}
#signup, #site{
    float: right;
    width: 20%;
    /* font-size: 1.2rem; */
}
#signup{
    border-right: #789 solid 0.5rem;
}
#group select{
    background: none;
    border: none;
    /* font-size: 1.4rem; */
    line-height: 5rem;
    color: rgb(39, 44, 50);
}

#logo{
    width: 100%;
    height: 8rem;
    /* margin-bottom: 1px; */
    background: #737DFF; 
    /* border-bottom: rgb(215, 225, 255) 1px solid;  */
    /* font-size: 3rem;  */
    text-align: center;
    line-height: 7rem;
    color: #fff;
    /* border-top: rgb(215, 225, 255) 1rem solid;  */
}
#index div{
    width: 100%;
    height: 7rem;
    /* margin-bottom: 1px; */
    margin-right: 1rem;
    background: linear-gradient(to right, rgb(44, 47, 77), rgb(56, 58, 79)); 
    /* font-size: 1.5rem; */
    text-align: center;
    line-height : 7rem;
}
#index div:hover{
    cursor: pointer;
    background: linear-gradient(to left, rgb(115, 125, 255), rgb(56, 58, 79)); 
}
#index div:active{
    color: rgb(115, 125, 255);
}
.index_tab{
    color: rgb(115, 125, 255);
}
.content{
    display: none;
    width: 100%;
    height: 100%;
}
#all_right iframe{
    width: 100%;
    height: 99%;
    border: none;
}



/* 水平滚动条 */
::-webkit-scrollbar {
    width: 0.2rem; /* 设置滚动条的宽度 */
}
 
::-webkit-scrollbar-track {
    background-color: rgb(23, 33, 43); /* 设置背景色 */
}
 
::-webkit-scrollbar-thumb {
    background-color: rgb(115, 125, 255); /* 设置滑块的颜色 */
}
 
/* 垂直滚动条 */
::-webkit-scrollbar-vertical {
    height: 0.2rem; /* 设置滚动条的高度 */
}
 
::-webkit-scrollbar-thumb:hover {
    background-color: rgb(115, 125, 255); /* 当鼠标悬停时改变滑块的颜色 */
}


iframe {
    width: 100%;  /* 使iframe宽度为父页面的100% */
    height: 100%; /* 设置一个初始高度 */
    border: none; /* 移除边框 */
}