@charset "utf-8";

/* 选项输入框栏 */
.option_table {   
  float: left;
  width: 970px;
  height:340px;
  background-color: #ffffff;
  padding: 20px 0px 20px 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); /* 立体阴影 */
}

/* 表格（搜索排名） */
#tb_rank {
  width:700px;
  border-collapse:collapse;
  margin-left: 130px;
}
#tb_rank td {
  font: 16px Arial,sans-serif;
  border: 0px;
  height: 50px;
  text-align: left;
  padding: 5px 10px 5px 10px;
  color: #444444; /* 深灰色 */
}
#tb_rank td.alt_small {
  height:30px;
}
#tb_rank td.alt {
  text-align: center;
}
#tb_rank td.alt_red {
  color: #FF0000;
}
#tb_rank td.alt_grey {
  color: #9d9d9d;
}
#tb_rank td.alt_con {
  text-align: center;
  color: #ff6000;
  line-height:160%;
}
#tb_rank td.alt_empty {
  font: 10px Arial,sans-serif;
}

/* 表格内字体（搜索排名） */
.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_price {
  color: #FF0000; /* 红色 */
  font: 16px Arial,sans-serif;
}
.txt_rank_sold {
  color: #9d9d9d; /* 灰色 */
  font: 14px Arial,sans-serif;
}
.txt_rank_coordinate1 {
  color: #9d9d9d; /* 灰色 */
  font: 14px Arial,sans-serif;
}
.txt_rank_coordinate2 {
  color: #FF0000; /* 红色 */
  font: 14px Arial,sans-serif;
}

/* 排名图片 */
.img_rank {
  border: 1px solid #757575;
  transition: 0.5s; /*(变化时间)*/
}

/* 排名图片 链接 */
.img_rank:hover {
  border: 1px solid #FF0000;
}

/* ------------------------------------------- */
/* 单选按钮checkbox */
label{
    line-height: 20px;
    display: inline-block;
    margin-left: 5px;
    margin-right:15px;
    color: #777;
}
.radio_type{
    width: 20px;
    height: 20px;
    appearance: none;
    position: relative;
}
.radio_type:before{
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #7d7d7d;
    display: inline-block;
    border-radius: 20%;
    vertical-align: middle;
}
.radio_type:checked:before{
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #b77822; /* 文本框深卡其 */
    background:#b77822; /* 文本框深卡其 */
    display: inline-block;
    border-radius: 20%;
    vertical-align: middle;
}
.radio_type:checked:after{
    content: '';
    width: 10px;
    height:5px;
    border: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 6px;
    left:5px;
    vertical-align: middle;
    transform: rotate(-45deg);
}
.radio_type:checked+label{
    color: #b77822; /* 文本框深卡其 */
}

/* ------------------------------------------- */
/* 输入框 */
.input_rank[type=text] {
  width: 100%;
  padding: 5px 10px;
  margin: 0px;
  box-sizing: border-box;
  border: 1px solid #b77822; /* 文本框深卡其 */
  outline: none;
  border-radius: 4px;
  font: 16px Arial,sans-serif;
}

.input_rank[type=text]:focus {
  background-color: #fce2c0; /* 文本框内容米黄 */
}

/* ------------------------------------------- */
/* 下拉框 */
.input_select {
  width: 250px;
  height: 35px;
  padding: 5px 10px;
  margin: 10px 0px 10px;
  box-sizing: border-box;
  border: 1px solid #b77822; /* 文本框深卡其 */
  outline: none;
  border-radius: 4px;
  font: 16px Arial,sans-serif;
}

.input_select:focus {
  background-color: #fce2c0; /* 文本框内容米黄 */
}

.input_select_text[type=text] {
  width: 220px;
  height: 25px;
  padding: 0px 10px 0px;
  margin: 0px 0px 0px -250px;
  box-sizing: border-box;
  border: 0px solid #b77822; /* 文本框深卡其 */
  outline: none;
  border-radius: 4px;
  font: 14px Arial,sans-serif;
}

.input_select_text[type=text]:focus {
  background-color: #fce2c0; /* 文本框内容米黄 */
}