@charset "utf-8";
body{
	width:100%;
	}
td{
  text-align:center;
  width:auto;
	height:4rem;
	line-height:4rem;
	text-indent:0rem;
	border-bottom:1px solid black;
	}
	
tr.tr1{
  background:#86c5e3;
}
tr.tr1 td{
  border-right:1px solid #FFF;
  border-bottom:1px solid #FFF;
}
	
ul.in{
	width:1200px;
	max-width:96%;
	margin:0 auto;
	list-style:none;
	}
.in li{
  height:4rem;
  font-size:1.4rem;
  width:100%;
  margin-bottom:1rem;
}
.in li input, .in li button{
  /*text-indent:5px;*/
  float:left;
  height:4rem;
  margin-right:1rem;
  font-size:1.6rem;
}
.in li input{
  text-indent:5px;
  }
.in li input, .in li select{
  border:2px solid #666;
}
.in li span{
  margin-right:1rem;
  float:left;
  width:20%;
  height:4rem;
  line-height:4rem;
  font-size:1.6rem;
  color:#FFF;
  display:block;
  text-align:center;
  background:#333;
  border-radius:5px 5px 0px 0px;
}

.in li i{
  color:#999;
  font-size:1.4rem;
  height:4rem;
  line-height:4rem;
}


/***searchStock***/
.in li span.twitter-typeahead{
  background:#FFF;
  width:35%;
  z-index:98;
}

.tt-menu {
    width: 100%;
    margin: 12px 0;
    padding: 1rem 0;
    background-color: #fff;
    border: 3px solid #86c5e3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 1.6rem;
    line-height: 3rem;
    margin:1rem 0;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #86c5e3;
}

.tt-suggestion a {
    display: block;
    width: 100%;
    height: 100%;
    color:#333;
}

.tt-suggestion a:hover {
    color: #fff;
    text-decoration: none;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}
input.tt-hint{
  color:#FFF;
}
#news{
  margin-bottom:0rem;
}
.news{
	width:1200px;
	max-width:96%;
	height:54rem;
	margin:1rem auto;
	line-height:5rem;
	}
/* 平板/窄屏：容器 96%，表单/表格自适应 */
@media only screen and ( max-width: 1080px ) {
  .news{
    width:96%;
  }
  .practical{
    width:96%;
  }
  ul.in{
    width:96%;
  }
  table{
    width:96%;
  }
}
.news .news_title{
  width:100%;
  border-bottom:3px solid #206798;
  height:5rem;
}
.news .news_title b{
  font-size:2.0rem;
  display:block;
  width:15%;
  height:100%;
  float:left;
  text-align:center;
  cursor:pointer;
  border-radius:10px 10px 0 0 ;
}
.news .news_title b.on{
  background:#206798;
  color:#FFF;
}
.news .news_title b:hover{
  background:#86c5e3;
  color:#FFF;
}
.news .news_title a{
  float:right;
  font-size:2.0rem;
  color:#000;
}
.news .show{
  width:100%;
  float:left;
  list-style:none;
}
.news .show li{
  height:5rem;
  background:#F7F7F7;
  margin:1rem auto;
  border-bottom:1px solid #ccc;
  border-radius:10px;
  overflow:hidden;
  padding-left:10px;
  display:flex;
  align-items:center;
}
.news .show li a{
  color:#000;
  font-size:1.6rem;
  flex:1;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding-right:1rem;
}
.news .show li em.idxdate{
  flex-shrink:0;
  font-style:normal;
  color:#999;
  font-size:1.4rem;
  margin-right:1.5rem;
  white-space:nowrap;
}


.practical{
	width:1200px;
	max-width:96%;
	margin:0px auto 30px auto;
	height:25rem;
	}

.practical .title{
  width:100%;
  border-bottom:3px solid rgb(243, 174, 75);
  height:5rem;
}
.practical .title b{
  font-size:2.0rem;
  display:block;
  width:22%;
  line-height:5rem;
  float:left;
  text-align:center;
  border-radius:10px 10px 0 0 ;
  background:rgb(243, 174, 75);
  color:#FFF;
}
.practical ul{
  list-style:none;
  width:100%;
  height:auto;
  
}
.practical ul li{
  width:20%;
  border:0px solid red;
  float:left;
  height:3rem;
  line-height:3rem;
  margin:1rem auto 0;
}
.practical ul li a{
  color:#000;
  font-size:1.6rem;
}
.practical ul li a:hover{
  color:#F00;
}

/* ===== 移动端优化 (max-width:640px)：保持 PC 字号，排版自适应 ===== */
@media only screen and ( max-width: 640px ) {
  /* 新闻区 */
  .news{
    width:94%;
    height:auto;
    margin:0.5rem auto;
  }
  .news .news_title{
    height:auto;
    display:flex;
    align-items:center;
  }
  /* tab：flex 均分，字号与 PC 一致 */
  .news .news_title b{
    font-size:1.6rem;
    flex:none;              /* 固定宽度，与 PC 一样等宽（3个组和5个组的 tab 同宽） */
    min-width:0;
    height:4rem;
    line-height:4rem;
    float:none;
    border-radius:8px 8px 0 0;
  }
  .news .news_title a{
    font-size:1.6rem;
    float:none;
    flex-shrink:0;
    margin-left:auto;
    padding:0 0.8rem;
    line-height:4rem;
  }
  /* 新闻列表：li 固定高，a 占 2/3 垂直居中，日期占 1/3 垂直居中 */
  .news .show li{
    height:6.6rem;
    line-height:2.2rem;   /* 覆盖 PC 的 5rem，防止 em 被撑高 */
    margin:0.6rem auto;
    padding:0 0.5rem 0 8px;
    display:flex;
    flex-direction:column;
    align-items:stretch;   /* 覆盖 PC 的 center，让 a/em 撑满宽度 */
    justify-content:center;
  }
  .news .show li a{
    flex:2;
    min-height:0;
    display:flex;
    align-items:center;
    font-size:1.6rem;
    line-height:2.2rem;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .news .show li em.idxdate{
    flex:1;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;   /* 日期靠左 */
    font-size:1.3rem;
    line-height:1.4rem;
    margin-right:0;
  }
  /* 实用网址/网址导航：两列，保持 PC 字号 */
  .practical{
    width:94%;
    height:auto;
    margin:0px auto 0px auto;
  }
  .practical .title{
    height:auto;
    display:flex;
    align-items:center;
  }
  .practical .title b{
    font-size:1.6rem;
    width:auto;
    padding:0 1.2rem;
    height:4.2rem;
    line-height:4.2rem;
    float:none;
    border-radius:8px 8px 0 0;
  }
  .practical ul{
    display:flex;
    flex-wrap:wrap;
    padding:1rem .5rem 0 .5rem;
  }
  .practical ul li{
    width:50%;
    float:none;
    height:auto;
    min-height:3.2rem;
    line-height:2.4rem;
    margin:0.3rem 0;
    padding:0.3rem 0.8rem;
    box-sizing:border-box;
  }
  .practical ul li a{
    font-size:1.6rem;
  }
  /* 查询表单（首页暂无，保留原缩小规则待后续页面处理） */
  .in li{
    height:3.5rem;
    margin-bottom:2rem;
  }
  .in li input, .in li button{ font-size:1.4rem;
  }
  .in li span{ font-size:1.4rem;
  }
  .in li i{ font-size:1.4rem;
  }
  table{ font-size:1.4rem;
  }
  td{
    height:3.2rem;
    line-height:3.2rem;
  }
}

/* ===== caibao.html 财报表专用（4个 table 宽度 90%） ===== */
table.main.cbfxb,
table.main.zcfzb,
table.main.lrb,
table.main.xjllb{
  width:94%;
  max-width:94%;
}

/* 首页链接 hover 样式 */
.news .news_title a:hover{
  color:#F00;
}
.news .show li a:hover{
  color:#F00;
}