* {
  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: #b49366; /* 头部卡其色 */
  color: #fffd40;
}

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

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

/* 内容区后面清除浮动 */
.con_row:after {
  content: "";
  display: table;
  clear: both;
}
 
/* ------------------------------------------- */
/* 左侧栏 */
.left_col {   
  float: left;
  width: 970px;
  background-color: #f1f1f1;
  margin-top: 10px;
}

/* 左侧输入框栏 */
.row_input {   
  float: left;
  width: 970px;
  height:200px;
  background-color: #ffffff;
  padding: 0px;
  margin-top: 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);
}
 
/* 输入框前的图标 */
.pic_input {
  float: left;
  margin: 50px 20px 50px 120px;
}

/* 输入框栏 */
.txt_input {
  float: left;
  margin: 70px auto;
}

/* 输入框下面的文字提示 */
.txt_info {
  float: left;
  width: 500px;
  margin: -63px auto;
  color: #fe6464;
  font: 12px Arial,sans-serif;
}

/* 输入框 */
input[type=text] {
  width: 500px;
  box-sizing: border-box;
  border: 1px solid #b77822; /* 文本框深卡其 */
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-image: url('images/searchicon.png');
  background-position: 10px 15px; 
  background-repeat: no-repeat;
  padding: 17.5px 20px 14.5px 40px;
}

/* 按钮 */
input[type=button], input[type=submit], input[type=reset] {
  background-color: #b77822; /* 按钮深卡其 */
  border: none;
  border-radius: 4px;
  color: white;
  padding: 16px 32px;
  font: bold 16px Arial,sans-serif;
  text-decoration: none;
  margin: 0px 0px 0px -5px;
  cursor: pointer;
}

/* 左侧表格框 */
.row_table {   
  float: left;
  width: 970px;
  background-color: #ffffff;
  padding: 0px;
  margin-top: 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_table_title {
	float: left;
	width: 500px;
	margin: 20px 10px 10px 20px;
	color: #000000;
	font: 20px Arial,sans-serif;
}

/* 表格 */
.txt_table {
	float: left;
	width: 930px;
	margin: 0px 0px 0px 20px;
	color: #000000;
}

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

/* 主要的功能标题 */
.con_title_red {
	float: left;
	width: 500px;
	margin: 20px 10px 10px 20px;
	color: #f05127;
	font-weight:bold;
	font: 20px Arial,sans-serif;
}
.con_title_txt {
	float: left;
	width: 650px;
	margin: 5px 10px 5px 20px;
	color: #f05127;
	font: 14px Arial,sans-serif;
}

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

/* 表格1 买号信用 */
#tb_info {
  width:930px;
  border-collapse:collapse;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}
#tb_info td {
  font: 16px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 55px;
}
#tb_info tr.alt {
  background-color:#ffecd3; /* 框内容浅米黄 */;
}
.tb_info_size1 {
  width: 130px;
  color: #828282;
  padding:7px 10px 7px 20px;
}
.tb_info_size2 {
  width: 180px;
  padding:7px 10px 7px 10px;
}
.tb_info_size3 {
  padding:15px 10px 15px 20px;
}
.tb_info_size1a {
  padding:7px 10px 7px 20px;
  text-align: center;
}
.tb_info_size1b {
  color: #4d4d4d;
  font: 14px Arial,sans-serif;
  line-height:220%;
}
.tb_info_txt_red {
	color: #F00;
}
.tb_info_txt_org {
	color: #F90;
}
.tb_info_txt_blue {
	color: #03F;
}
.tb_info_txt_grn {
	color: #090;
}
.tb_info_txt_grey {
	color: #828282;
}
.tb_info_txt_bold {
	font-weight:bold;
}

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

/* 表格2 查询次数 */
#tb_query {
  width:930px;
  border-collapse:collapse;
  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: 16px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 55px;
}
#tb_query tr.alt {
  background-color:#ffecd3; /* 框内容浅米黄 */;
}
.tb_query_size1 {
  width: 130px;
  color: #828282;
  padding:7px 10px 7px 20px;
}
.tb_query_size2 {
  width: 180px;
  padding:7px 10px 7px 10px;
}
.tb_query_size3 {
  width: 230px;
  color: #828282;
  padding:7px 10px 7px 20px;
  text-align: center;
}
.tb_query_size4 {
  width: 230px;
  padding:7px 10px 7px 20px;
  text-align: center;
}

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

/* 表格3 查询详情 */
#tb_querytime {
  width:930px;
  border-collapse:collapse;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}
#tb_querytime td {
  font: 16px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 55px;
}
#tb_querytime tr.alt {
  background-color:#ffecd3; /* 框内容浅米黄 */;
  color: #828282;
}
.tb_querytime_size1 {
  width: 250px;
  padding:7px 10px 7px 20px;
}
.tb_querytime_size2 {
  width: 400px;
  padding:7px 10px 7px 20px;
}
.tb_querytime_size3 {
  width: 280px;
  padding:7px 10px 7px 20px;
}

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

/* 表格4 黑号信息 */
#tb_rightdown {
  width:930px;
  border-collapse:collapse;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}
#tb_rightdown td {
  font: 16px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 55px;
}
#tb_rightdown tr.alt {
  background-color:#ffecd3; /* 框内容浅米黄 */;
}
.tb_rightdown_size1 {
  width: 186px;
  color: #828282;
  text-align: center;
  vertical-align: middle;
}
.tb_rightdown_size2 {
  width: 186px;
  text-align: center;
  vertical-align: middle;
}

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

/* 表格5 人群标签 */
#tb_label {
  width:600px;
  border-collapse:collapse;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}
#tb_label td {
  font: 16px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 55px;
}
#tb_label tr.alt {
  background-color:#ffecd3; /* 框内容浅米黄 */;
  color: #828282;
}
.tb_label_size1 {
  width: 300px;
  color: #828282;
  text-align: center;
  vertical-align: middle;
}
.tb_label_size2 {
  width: 300px;
  text-align: center;
  vertical-align: middle;
}

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

/* 表格6 人群标签-详情页 */
#tb_label2 {
  width:800px;
  border-collapse:collapse;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}
#tb_label2 td {
  font: 16px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 55px;
}
#tb_label2 tr.alt {
  background-color:#ffecd3; /* 框内容浅米黄 */;
  color: #828282;
}
#tb_label2 tr.alt2 {
  color: #646464;
}
.tb_label2_size1 {
  width: 400px;
  color: #828282;
  text-align: center;
  vertical-align: middle;
}
.tb_label2_size2 {
  width: 400px;
  text-align: center;
  vertical-align: middle;
}

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

/* 表格7 淘客查询 */
#tb_ke {
  width:930px;
  border-collapse:collapse;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}
#tb_ke td {
  font: 16px Arial,sans-serif;
  border:1px solid #ffd295; /* 线框米黄色 */
  height: 55px;
}
#tb_ke tr.alt {
  background-color:#ffecd3; /* 框内容浅米黄 */;
  color: #828282;
}
#tb_ke tr.alt2 {
  color: #646464;
}
.tb_ke_size1 {
  width: 320px;
  padding:7px 10px 7px 20px;
  text-align: center;
  vertical-align: middle;
}
.tb_ke_size2 {
  width: 350px;
  padding:7px 10px 7px 20px;
  text-align: center;
  vertical-align: middle;
}
.tb_ke_size3 {
  width: 260px;
  padding:7px 10px 7px 20px;
  text-align: center;
  vertical-align: middle;
}

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

/* 标题中间线 */
.txt_title_line {
	float: left;
	width: 930px;
	margin: 5px 20px 5px 20px;
	font: 1px Arial,sans-serif;
	border-bottom:1px solid #ffd295; /* 线框米黄色 */
}
/* 中间线 */
.txt_QA_line {
	float: left;
	width: 930px;
	margin: 20px 20px 20px 20px;
	font: 1px Arial,sans-serif;
	border-bottom:1px solid #ffd295; /* 线框米黄色 */
}

/* 常见问题 色块 */
.txt_QA_color {
	float: left;
	width: 930px;
    height: 292px;
	margin: 10px 20px 12px 20px;
    background-color:#fdffe1;
}

/* 常见问题 色块 */
.txt_QA_color2 {
	float: left;
	width: 930px;
    height: 250px;
	margin: 10px 20px 12px 20px;
    background-color:#fdffe1;
}

/* 常见问题 色块 */
.txt_QA_color3 {
	float: left;
	width: 930px;
    height: 180px;
	margin: 10px 20px 12px 20px;
    background-color:#fdffe1;
}

/* 常见问题 色块 */
.txt_QA_color4 {
	float: left;
	width: 930px;
    height: 450px;
	margin: 10px 20px 12px 20px;
    background-color:#fdffe1;
}

/* 常见问题 文本 */
.txt_QA {
	float: left;
	width: 900px;
	margin: 10px 20px 10px 20px;
	color: #646464;
	font: 14px Arial,sans-serif;
	line-height:160%;
	text-decoration: none;
}

/* ------------------------------------------- */
/* 右侧栏 */
.right_col {
  float: left;
  width: 280px;
  margin-top: 10px;
  margin-left: 10px;
}

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

/* 右侧广告位1 */
.row_ad1 {   
  float: left;
  width: 280px;
  height:140px;
  background-color: #ffffff;
  padding: 0px;
  margin: 10px 0px 0px 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);
}

/* 广告图片1 */
.img_ad1 {
  width: 100%;
  height:100%;
  transition: 0.5s; /*(变化时间)*/
}

/* 广告图片1 链接 */
.img_ad1:hover {
  opacity: 0.85; /*(更改透明度)*/
}

/* ------------------------------------------- */
/* 右侧查询记录 */
.row_query {   
  float: left;
  width: 280px;
  background-color: #ffffff;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  border-style:solid;
  border-width:1px;
  border-color:#ffd295; /* 线框米黄色 */
  margin-top: 10px;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}

/* 右侧查询记录 标题 */
.txt_query_title {
	float: left;
	width: 240px;
	margin: 20px 10px 5px 20px;
	color: #000000;
	font: 16px Arial,sans-serif;
}

/* 右侧查询记录 标题 */
.txt_query_title_s {
	color: #fe6464;
	font: 12px Arial,sans-serif;
}

/* 右侧查询记录 文本 */
.txt_query {
  float: left;
  width: 200px;
  margin: 0px 10px 0px 40px;
  color: #646464; /*(灰色)*/
  font: 14px Arial,sans-serif;
  line-height:200%;
  text-decoration: none;
}

/* 右侧查询记录 文字链接 */
.txt_query a {
  color: #646464; /*(灰色)*/
  font: 14px Arial,sans-serif;
  line-height:200%;
  text-decoration: none;
}

/* 右侧查询记录 文字链接 */
.txt_query a:link {
  color: #646464; /*(灰色)*/
  text-decoration: none;
}
 
/* 右侧查询记录 移到文字链接上 */
.txt_query a:hover {
  color: #ff0000; /*(红色)*/
  text-decoration: none;
}

/* 右侧查询记录 中间线 */
.txt_query_line {
	float: left;
	width: 240px;
	margin: 0px 10px 10px 20px;
	font: 1px Arial,sans-serif;
	border-bottom:1px solid #ffd295; /* 线框米黄色 */
}

/* ------------------------------------------- */
/* 底部 */
.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; /*(变化时间)*/
}

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

/* 响应式布局 - 屏幕尺寸小于 800px 时，两列布局改为上下布局 
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}*/
 
/* 响应式布局 -屏幕尺寸小于 400px 时，导航等布局改为上下布局
@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
  }
} */