:root{
	--fontsize:1rem;
}

.body
{
    color:#2c3e50;
}

#content
{
/*    text-align: center; /* 文本水平居中 */
/*	width:100%;	
*/
/*	width:30%;
*//*    margin: 0 auto;
*/    
/*	background-color:red;
*/
	position: relative;
/*	margin-left:25%;
*/	
font-size:var(--fontsize);
margin-bottom:50px;

}

#line
{
    position: fixed;
    width:100%;
    top:50px;
   border-bottom:1px solid #ddd;
   overflow:hidden;
}

.flag
{
}

#flag1
{
	position: relative;
    float: left;    /* 设置浮动，列表项横向排列 */f
    color:#2c3e50;
	margin-left:1rem;
	margin-right:1rem;
	width:2.5rem;
	height:2.5rem;
}
.flag2
{
	position: relative;
    	float: left;    /* 设置浮动，列表项横向排列 */
	text-align: center; /* 文本水平居中 */
	 color:#2c3e50;
	line-height: 2.5rem;  /* 设置行高，文本垂直居中 */
}

#flag3_
{
 position:fixed;
 left:26%;
}
.flag3
{
	position: relative;
    float: left;    /* 设置浮动，列表项横向排列 */
	text-align: center; /* 文本水平居中 */
	margin-right:var(--flag3_margin);
    line-height: 2.5rem;  /* 设置行高，文本垂直居中 */
}

#flag4_
{
 position:fixed;
 left:65%;
}
.flag4
{
        position: relative;
    float: left;    /* 设置浮动，列表项横向排列 */
        text-align: center; /* 文本水平居中 */
        margin-right:var(--flag4_margin);
    line-height: 2.5rem;  /* 设置行高，文本垂直居中 */
}



#flag5
{
  	position:relative;
  	float:left;
     	width:2.5rem;
  	height:2.5rem;
   	border-radius:50%;

}
#flag6
{
  position:relative;
  float:left;
  margin-left:0.5rem;
  text-align: center; /* 文本水平居中 */
  line-height: 2.5rem;
}
#flag7
{
   position:relative;
    width:6rem;
  	height:2.5rem;
    text-align: center; 
    line-height: 2.5rem; 
    margin-top:3rem;
  margin-left:-2.5rem;
background-color: #F5F5F5;
}
#user_info
{
    position: relative;
    float: left;    /* 设置浮动，列表项横向排列 */
    /*margin-left:6rem;*/
  	width:6rem;
  	height:100%;
    display:none;
}

#user_info ul{
    display: none;  /* 元素不显示，隐藏子导航栏 */
}
#user_info:hover ul{
    display: block;  /* 元素显示为块元素，子导航栏出现 */
}

#more
{
	position:fixed;
	top:2rem;
	right:5rem;
}
#more_img
{
        width:3rem;
        height:3rem;
	display:none;
}
#tab_all
{
 	position:fixed;
	top:9rem;
	right:0rem;
	list-style: none;   /* 去除列表默认符号（圆点） */
	background-color:white;
	display:none;
}
.flag8
{
	width:12rem;
	height:6rem;
	z-index:2;
}
#quit
{
	display:none;
}

#info_beian
{
    position: absolute;
  	/*top:60px;*/
    margin-top:10px;
    width:100%;
    height:100%;

    /*height: calc(100% - 50px);*/
/*    margin-top:50px;
*//*    overflow: scroll;

   
/*   clear:both;
*/    

    z-index:1;

}

#info
{
  position: fixed;
/*  top:100px;
*/  float:left;
  left:25%;
 /*background-color:#CCCCCC;*/
  
  width:75%;

height: calc(100% - 50px);
 /* height:100%;*/
/*  overflow:auto;
*/  margin-bottom:100px;
/*  overflow: scroll;
*/
overflow-y:scroll;
/*  overflow-y: auto;
*/
z-index:1;
}


.directory
{
/*  display: block;
*/  position:fixed;

/*top:60px;
  left:50px;
*/

  float:left;
  width:20%;
  height:100%;
  background-color:#f4f5f7;
 
 text-decoration: none;
}



#directory1
{
  text-decoration: none;
  color:#2c3e50;
  width:100px;
  height:50px;
}

.dir
{
  margin-left:30px;
}
.dir1
{
  margin-top:10px;
}


#directory1:hover
{
  color:#32ca99;
}

.apply-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  z-index:999;
}

#first_login{
  text-align: center;
  font-size: 16px;
}

.apply-container.show {
  visibility: visible;
}

.apply-container .apply {
  position: relative;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  max-width: 80%;
  max-height: 80%;
}

.apply-container .apply img {
  max-width: 320px;
  max-height: 320px;
}

.apply-container .apply .apply-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 3px; /* 设置关闭图标的大小 */
}
.prompt_login {
text-align: center;
display:none;
font-size: 16px;
}

.agreement{
text-decoration: none;
color:#0099FF;
}
.follow_login{
margin-bottom:10px;
}
.prompt_pay{
text-align: center;
display:none;
font-size: 16px;
}
#beian{
position:relative;
margin-top:10px;
margin-bottom:80px;

text-align: center;
}

.beian_href{
color:#3eaf7c;
text-decoration: none;
}
.flag3:hover
{
   color:#32ca99; 
}

.flag4:hover
{
   color:#32ca99;
}

.flag8:hover
{
   color:#32ca99;
}