* {
  box-sizing: border-box;
}
 
body {
  font-family: Arial;
  padding: 0px;
  background: #f0f0f0; /*(白灰色)*/
  margin: 10px auto;
}
 
/* 头部标题，通栏 */
.header {
  padding: 0px;
  text-align: center;
  background: #b49366; /* 头部卡其色 */
  width: 100%;
}

/* 头部标题，图片去掉缝隙 */
.header img {
  vertical-align:bottom;
}

/* 导航条背景 */
.topnav_back {
  width: 100%;
  background-color: #5b514c; /* 头部菜单深褐色 */
}

/* 导航条 */
.topnav {
  width: 1260px;
  margin: 0px auto;
  overflow: hidden;
  background-color: #5b514c; /* 头部菜单深褐色 */
}
 
/* 导航条链接 */
.topnav a {
  float: left;
  display: block;
  color: white; /*(白色)*/
  text-align: center;
  padding: 14px 10px;
  text-decoration: none;
  transition: 0.5s; /*(变化时间)*/
}
 
/* 链接颜色修改 */
.topnav a:hover {
  background-color: #976b2e; /* 头部菜单激活深卡其 */
  color: #fffd40;
}

/* ------------------------------------------- */

/* 左侧菜单 */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #ffffff;
}

li a {
  display: block;
  color: #5d5d5d;
  padding: 15px 15px 15px 30px;
  text-decoration: none;
  transition: 0.5s; /*(变化时间)*/
}

li a:hover {
  background-color: #b49366; /* 头部卡其色 */
  color: #ffffff;
}

/* ------------------------------------------- */

/* 内容区的宽度 */
.con_row {
  width: 1260px;
  margin: 0px auto;
}

/* 内容区后面清除浮动 */
.con_row:after {
  content: "";
  display: table;
  clear: both;
}

/* -------center------- */
/* 左侧栏 */
.left_center {   
  float: left;
  width: 250px;
  height:700px;
  background-color: #ffffff;
  margin-top: 10px;
  padding: 0px;
  border-style:solid;
  border-width:1px;
  border-color:#ffd295; /* 线框米黄色 */
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* 右侧栏 */
.right_center {
  float: left;
  width: 1000px;
  height:700px;
  background-color: #ffffff;
  margin-top: 10px;
  margin-left: 10px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#ffd295; /* 线框米黄色 */
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}
/* -------center------- */

/* 左侧栏 */
.left_col {   
  float: left;
  width: 250px;
  height:630px;
  background-color: #ffffff;
  margin-top: 10px;
  padding: 0px;
  border-style:solid;
  border-width:1px;
  border-color:#ffd295; /* 线框米黄色 */
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* 右侧栏 */
.right_col {
  float: left;
  width: 1000px;
  height:630px;
  background-color: #ffffff;
  margin-top: 10px;
  margin-left: 10px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#ffd295; /* 线框米黄色 */
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* 右侧栏-无高度 */
.right_col2 {
  float: left;
  width: 1000px;
  background-color: #ffffff;
  margin-top: 10px;
  margin-left: 10px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#ffd295; /* 线框米黄色 */
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* ------------------------------------------- */

/* 整体中间栏 */
.center_col {
  float: left;
  width: 1260px;
  height:540px;
  background-color: #ffffff;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#ffd295; /* 线框米黄色 */
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* 整体中间栏 注册页 */
.center_col_reg {
  float: left;
  width: 1260px;
  height:700px;
  background-color: #ffffff;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#ffd295; /* 线框米黄色 */
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* 整体中间栏 忘记密码页 */
.center_col_fg {
  float: left;
  width: 1260px;
  height:700px;
  background-color: #ffffff;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#ffd295; /* 线框米黄色 */
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* ------------------------------------------- */

/* 内容 文本 */
.txt_content {
  float: left;
  width: 100%;
  color: 272727;
  font: 14px Arial,sans-serif;
  line-height:160%;
  text-decoration: none;
  margin: 2px 0px 2px 0px;
}
.txt_content a {
  color: 000079;
  text-decoration: none;
}
.txt_content a:link {
  color: 000079
  text-decoration: none;
}
.txt_content a:hover {
  color: #FF0000;
  text-decoration: none;
}

/* ------------------------------------------- */

/* 表格1 */
#tb_manage {
  width:100%;
  border-collapse:collapse;
}
#tb_manage td {
  font: 14px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 30px;
  text-align: center;
}
#tb_manage tr.alt {
  background-color:#e1f5ff;
}

/* ------------------------------------------- */

/* 表格2 */
#tb_user {
  width:500px;
  border-collapse:collapse;
  margin-left: 210px;
}
#tb_user td {
  font: 16px Arial,sans-serif;
  border: 0px;
  height: 50px;
  text-align: left;
  padding: 5px 10px 5px 10px;
  color: #444444; /* 深灰色 */
}
#tb_user td.alt {
  text-align: center;
}
#tb_user td.alt_red {
  color: #FF0000;
}
#tb_user td.alt_grey {
  color: #9d9d9d;
}
#tb_user td.alt_con {
  text-align: center;
  color: #ff6000;
  line-height:160%;
}
#tb_user td.alt_empty {
  font: 10px Arial,sans-serif;
}

/* ------------------------------------------- */

/* 表格3 */
#tb_query {
  width:930px;
  border-collapse:collapse;
  margin-left: 20px;
  margin-bottom: 20px;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}
#tb_query td {
  font: 14px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 40px;
  text-align: center;
}
#tb_query tr.alt {
  background-color:#ffecd3; /* 框内容浅米黄 */
}

/* ------------------------------------------- */

/* 表格4 */
#tb_record {
  width:700px;
  border-collapse:collapse;
  margin: 20px 0px 20px 140px;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}
#tb_record td {
  font: 14px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 40px;
  text-align: center;
}
#tb_record tr.alt {
  background-color:#ffecd3; /* 框内容浅米黄 */
}
#tb_record tr.alt2 {
  background-color:#fdffe1;
}
#tb_record td.norm {
  font: 14px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 40px;
  text-align: left;
  line-height:150%;
  padding: 10px 15px 10px 15px;
  background-color:#fdffe1;
}
#tb_record td.alt1 {
  text-align: left;
  line-height:150%;
  padding-left: 10px;
  padding-right: 10px;
  background-color:#ffecd3; /* 框内容浅米黄 */
}
#tb_record td.norm1 {
  text-align: left;
  line-height:150%;
  padding-left: 10px;
  padding-right: 10px;
}
#tb_record td.norm2 {
  text-align: left;
  line-height:150%;
  padding: 10px;
  text-align: center;
}
#tb_record td.alt2 {
  color: #FF0000;
}

/* ------------------------------------------- */

/* 大标题 */
.titnav_back {
  width: 950px;
  margin: 20px 0px 10px 25px;
  background-color:  #976b2e; /* 文档菜单深褐色 */
}

/* 大标题背景 */
.titnav {
  width: 950px;
  margin: 0px auto;
  overflow: hidden;
  background-color: #976b2e; /* 文档菜单深褐色 */
}
 
/* 大标题链接 */
.titnav a {
  float: left;
  display: block;
  color: white; /*(白色)*/
  text-align: center;
  padding: 14px 57px;
  text-decoration: none;
  transition: 0.5s; /*(变化时间)*/
}
 
/* 链接颜色修改 */
.titnav a:hover {
  background-color: #ffd295; /* 文档菜单激活米黄色 */
  color: #3e3e3e;
}

/* ------------------------------------------- */

/* 常规内容文本 */
.txt_con_title {
  width: 100%;
  font: 14px Arial,sans-serif;
  color: #272727;
  text-decoration: none;
  text-align: center;
  margin: 20px 0px 20px 0px;
}

/* 大标题文本 */
.txt_big_title {
  width: 100%;
  font: 24px Arial,sans-serif;
  color: #272727;
  text-decoration: none;
  text-align: center;
  margin: 50px 0px 50px 0px;
}

/* ------------------------------------------- */
/* 中间线 */
.txt_line {
	float: left;
	width: 930px;
	margin: 20px 20px 20px 20px;
	font: 1px Arial,sans-serif;
	border-bottom:1px solid #ffd295; /* 线框米黄色 */
}
/* 中间线-短 */
.txt_line_short {
	float: left;
	width: 700px;
	margin: 20px 20px 20px 140px;
	font: 1px Arial,sans-serif;
	border-bottom:1px solid #ffd295; /* 线框米黄色 */
}
/* 中间线-细 */
.txt_line_sl {
	float: left;
	width: 940px;
	margin: 10px 20px 10px 20px;
	font: 1px Arial,sans-serif;
	border-bottom:1px solid #ffd295; /* 线框米黄色 */
}

/* 表格上方的标题 */
.txt_table_title {
	float: left;
	width: 500px;
	margin: 10px 10px 10px 20px;
	color: #000000;
	font: 16px Arial,sans-serif;
}

/* 表格上方的标题-短 */
.txt_table_title_short {
	float: left;
	width: 500px;
	margin: 10px 10px 10px 140px;
	color: #000000;
	font: 16px Arial,sans-serif;
}

/* 表格上方的内容 */
.txt_table_con {
	float: left;
	width: 700px;
	margin: 10px 10px 10px 140px;
	color: #4B4B4B;
	font: 16px Arial,sans-serif;
}

/* ------------------------------------------- */
/* 功能按钮 */
.txt_padding_tb {
	float: left;
	width: 970px;
	margin: 0px 0px 0px 20px;
	color: #000000;
}

/* 内容块 */
 .txt_padding {
	float: left;
	margin: 10px 25px 10px 0px;
    padding: 0px;
}
 
/* 内容块链接 */
.txt_padding_url a {
    float: left;
    border:1px solid #c8c8c8;
    display: block;
	margin: 0px;
    padding: 20px 30px 20px 30px;
	font: bold 16px Arial,sans-serif;
    color: #333333; /* (灰色)*/
    text-decoration: none;
    transition: 0.5s; /*(变化时间)*/
}
 
/* 内容块链接颜色修改 */
.txt_padding_url a:hover {
    background-color: #ffecd3; /* 框内容浅米黄 */
    border:1px solid #b77822; /* 文本框深卡其 */
    color: #ff1440;
	box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* 内容块描述 */
 .txt_padding_bewrite {
	float: left;
	margin: 10px 0px 7px 0px;
    padding: 0px;
	font: 12px Arial,sans-serif;
    color: #333333; 
    line-height:150%;
}

/* 内容块描述2 */
 .txt_padding_bewrite2 {
	float: left;
	margin: 0px 0px 5px 0px;
    padding: 0px;
	font: 12px Arial,sans-serif;
    color: #FF0000; 
}

/* 内容块描述2 */
 .txt_padding_bewrite3 {
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font: 12px Arial,sans-serif;
	color: #0000FF;
}

/* ------------------------------------------- */
/* 表格内字体（搜索排名） */
.txt_rank_title {
  color: #444444; /* 深灰色 */
  font: 16px Arial,sans-serif;
  line-height:150%;
  text-decoration: none;
}
.txt_rank_title a {
  color: #444444; /*(灰色)*/
  font: 16px Arial,sans-serif;
  line-height:150%;
  text-decoration: none;
}
.txt_rank_title a:active {
  color: #ff0000; /*(红色)*/
  text-decoration: none;
}
.txt_rank_title a:link {
  color: #444444; /*(灰色)*/
  text-decoration: none;
}
.txt_rank_title a:hover {
  color: #ff0000; /*(红色)*/
  text-decoration: none;
}

.txt_rank_red {
  color: #FF0000; /* 红色 */
  font: 14px Arial,sans-serif;
}

/* ------------------------------------------- */
/* 底部 */
.footer1 {
  height:60px;
  padding: 10px;
  text-align: center;
  background: #b49366; /* 底部卡其色 */
  margin-top: 10px;
}

.footer2 {
  height:120px;
  padding: 10px;
  text-align: center;
  background: #976b2e; /* 底部版权备案深褐色 */
}
 
/* 底部 文本 */
.txt_footer {
  float: left;
  width: 100%;
  margin: 10px 0px 10px 0px;
  color: white;
  font: 14px Arial,sans-serif;
  line-height:160%;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
 
.txt_footer a {
  color: white; /*(白色)*/
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.txt_footer a:link {
  color: white
  text-decoration: none;
}
 
.txt_footer a:hover {
  color: #ff0000; /*(红色)*/
  text-decoration: none;
}

/* ------------------------------------------- */
/* 下拉菜单 */

/* 导航条背景 */
.drop_back {
    width: 100%;
    background-color: #5b514c; /* 头部菜单深褐色 */
    display: flex;
    justify-content:center; 
    box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}

.drop_menu {
    float: left;
    width: 1260px;
    margin: 0;
    overflow: hidden;
    justify-content:left; 
}

.drop_btn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 10px;
    text-decoration: none;
}

.drop_down {
    float: left;
    display: inline-block;
}

.drop_down:hover {
    display: block;
    background-color: #b49366; /* 头部卡其色 */
  transition: 0.5s; /*(变化时间)*/
}

.dropdown_content {
    display: none;
    position: absolute;
    background-color: #b49366; /* 头部卡其色 */
    min-width: 160px;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}

.dropdown_content a {
    color: white;
    padding: 14px 18px;
    text-decoration: none;
    display: block;
    transition: 0.5s; /*(变化时间)*/
}

.dropdown_content a:hover {
	background-color: #976b2e /* 头部菜单激活深卡其 */
}

.drop_down:hover .dropdown_content {
	display: block;
    transition: 0.5s; /*(变化时间)*/
}

/* ------------------------------------------- */