/* 重新设置主区的范围，原底部的说明位置取消（高宽度为0） */

#content {
    margin:0 auto;
    padding:0;
    overflow:hidden;
}


.first_bj {
    border-radius: 10px 10px 10px 0px;/* 左上角 , 右上角 , 右下角 , 左下角  */
    background: #F6F6F6;
    display: flex;
    align-items: left;
    margin: 0px;
    padding: 0px;
}

.first_tp {
    width: 78%;
    height: 100%;
    font-size: 15px;
}

/* 下载按钮 */
/* 下载按钮容器：控制整体外观与交互 */
#downloadym {
  border: none;                  /* 清除默认边框 */
  background-color: #2563eb;     /* 主色调（蓝色，可根据设计替换，如 #10b981 绿色、#f97316 橙色） */
  color: #ffffff;                /* 文字颜色 */
  padding: .5rem 1rem;           /* 内边距，控制按钮大小 */
  border-radius: 6px;            /* 圆角，让按钮更柔和 */
  font-size: 13px;               /* 字体大小 */
  font-weight: bold;
  cursor: pointer;               /* 鼠标悬浮时显示“手型” */
  transition: all 0.3s ease;     /* 所有属性过渡动画（hover/active 更平滑） */
  display: inline-flex;          /* 方便内部元素（图标+文字）对齐 */
  align-items: center;           /* 垂直居中 */
  justify-content: center;       /* 水平居中 */
  margin-left: 5px;
}

/* 按钮内的 <a> 标签：清除默认样式，保证视觉统一 */
#downloadym a {
  color: inherit;                /* 继承按钮的文字颜色 */
  text-decoration: none;         /* 清除默认下划线 */
  display: inline-block;         /* 确保点击区域完整覆盖按钮 */
}

/* 鼠标悬浮状态：增强交互反馈 */
#downloadym:hover {
  background-color: #1d4ed8;     /* 背景色加深（hover 反馈） */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加阴影，增强立体感 */
  transform: translateY(-1px);   /* 轻微上移，模拟“悬浮感” */
}

/* 点击按下状态：模拟“按压”反馈 */
#downloadym:active {
  transform: translateY(0);      /* 恢复位置 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影缩小，强化“按压”感 */
}

/* 颜色风格总选择区域 */
.chart_style_select {
    width: 28%;
    height: 100%;
    border-left: 2px solid white;
    float: left;
}


/* 颜色风格 */
.chart_fg {
    font-size: 13px;
    font-weight: bold;
    margin: 5px 5px 0px 5px ;  /*上、右、下、左*/
}

.chart_style_select_list {
    height: 100%;
    width: 100%;
    border: 3px solid #fff;
    margin: 5px 5px 0px 5px ;  /*上、右、下、左*/
    background-color: #44546e;
}

.chart_fg_list {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin: 5px 5px 0px 2px ;  /*上、右、下、左*/
}
.chart_style_select_fg {
    height: 100%;
    width: 100%;
    border: 1px solid #fff;
    background-color: #44546e;
    margin: 5px 5px 0px 0px ;  /*上、右、下、左*/
}
.chart_style {
    height: 100%;
    display: inline-block;
    margin-left: 3px;
    text-align: center;
    display: inline-block;
}

.chart_style_tp {
    height: 80px;
    width: 85px;
}

.first_zh {
    background-color: rgba(255,255,255,1);
    padding: 1px;
    margin-left: 5px;
}

#fileUpload {
    width: 67%;

}


/* 后面的提示文字颜色 */
[type="file"] {
    color: gray;
}

/* 主按钮的样式自定义 */
::file-selector-button  {
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;                /* 文字颜色 */
    border-radius: 5px;
    border: 0px solid #2a80eb;
    padding: .5rem 1rem;
    background-color: #2563eb;     /* 主色调（蓝色，可根据设计替换，如 #10b981 绿色、#f97316 橙色） */
    box-sizing: border-box;
    margin-top: 2px;
    cursor: pointer;               /* 鼠标悬浮时显示“手型” */
    transition: all 0.3s ease;     /* 所有属性过渡动画（hover/active 更平滑） */
    display: inline-flex;          /* 方便内部元素（图标+文字）对齐 */
    align-items: center;           /* 垂直居中 */
    justify-content: center;       /* 水平居中 */
}

.wjzh {
    font-size: 13px;
    font-weight: bold;
    background-color:#BABBBC;     /* 主色调*/
    color: black;
    border-radius: 6px;
    border: 0px solid #2a80eb;
    padding: .5rem 1rem;
    box-sizing: border-box;

    cursor: pointer;               /* 鼠标悬浮时显示“手型” */
    transition: all 0.3s ease;     /* 所有属性过渡动画（hover/active 更平滑） */
    display: inline-flex;          /* 方便内部元素（图标+文字）对齐 */
    align-items: center;           /* 垂直居中 */
    justify-content: center;       /* 水平居中 */
}

.introduce_1 {
    height: 100%;
    border:0px solid #CCC;
    border-bottom:1px;
    padding:5px;
    border-top:0;
    text-align:left;
    font-size:90%;
    margin-bottom:1px;
}

.introduce_1 h5 {
	text-align: left;
    font-size: 110%;
    font-weight: bolder;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.introduce_1 .list_text_2 {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 40px;
    font-size: 90%;
    list-style-type: square; /* 无序列表的小黑点*/
}

.introduce_1 .list_text_2 li {
    margin-top: 8px;
}

  /* 重点文字显示 */
.text-vip {
    font-weight: bold; /* 加粗 */
    color: #6C0000; /* 字体颜色 */
    margin-top: 20px;
    margin-bottom: 20px;
  }