/*经济日历栏目模板*/
/*注：本样式已随 /ecalendar/ 页面内嵌主站（不再经 iframe 独立成档），
  原 legend/td/th、table、input 三条全局规则必须限定到 .main-container 内，
  否则会清掉全站表格的 td/th padding、改变全站 table 的边框模型*/
.main-container legend,
.main-container td,
.main-container th {
  padding: 0;
}
.main-container table {
  border-collapse: collapse;
  border-spacing: 0;
}
.main-container input::-ms-clear {
  display: none;
}
/*主站 Tailwind Preflight 把 img 置为 block（源站独立文档内为默认行内），
  会破坏日历内连续星级评分图、国旗图的行内排布，此处恢复行内显示*/
.main-container img {
  display: inline-block;
  vertical-align: middle;
}
/*源站这套样式原本在 iframe 里跑 —— 那个文档没有全局 color，所有未声明颜色的文字都是浏览器默认的黑。
  内嵌进本站后它们会继承 .ny_right 的 #5c5c5c：实测日历区域 266 个文字元素里有 140 个都发灰
  （表头；指标/前值/预测值/公布值；事件描述；假期表的国家/交易所/节日；国家名；右上角时间…）。
  这里在容器上补回 iframe 的默认色；已显式声明颜色的规则（.finance-data .th1 的 #000、
  .week li 的 #4a4a4a、已公布行的红字、金银利多/利空的金色等）优先级更高，不受影响。*/
.main-container {
  color: #000;
}

.finance-content {
  width: 710px;
  border: 1px solid #cecece;
  margin: auto;
  padding: 0 10px 15px;
}

.finance-title {
  height: 32px;
  line-height: 32px;
  margin: 15px 0;
}

.finance-title h5 {
  float: left;
  font-size: 16px;
  color: #4a4a4a;
  font-weight: 700;
  padding-left: 28px;
  margin: 0;
}

.finance-title .tit-date {
  background: url("/images/new-ecalendar/tit-date.jpg") no-repeat left center;
}

.finance-title .tit-status {
  background: url("/images/new-ecalendar/tit-status.jpg") no-repeat left center;
}

.finance-title .tit-finance {
  background: url("/images/new-ecalendar/tit-finance.jpg") no-repeat left center;
}

.finance-title .tit-event {
  background: url("/images/new-ecalendar/tit-event.jpg") no-repeat left center;
}

.finance-title .tit-debt {
  background: url("/images/new-ecalendar/tit-debt.jpg") no-repeat left center;
}

.tit-right {
  float: right;
  background-color: #f8f8f8;
  border-radius: 5px;
  overflow: hidden;
  padding-left: 10px;
  font-size: 14px;

}

.tit-right input {
  border: none;
  outline: none;
  height: 32px;
}

.tit-right .Wdate {
  width: 110px;
}

#Button1 {
  padding: 0px 17px;
  background-color: #b09837;
  color: #ffffff;
  font-size: 16px;
  margin-left: 10px;
  font-weight: 700;
  cursor: pointer;
}

.tit-event-right {
  float: right;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}

.tit-event-right img {
  vertical-align: middle;
  margin-right: 5px;
}

.week {
  position: relative;
  height: 84px;
  background: url(/images/new-ecalendar/weekbg.png) center no-repeat;
}

#week-leftarrow {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 37px;
  height: 82px;
  background: url(/images/new-ecalendar/leftarrow.png) center no-repeat;
}

#week-rightarrow {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 37px;
  height: 82px;
  background: url(/images/new-ecalendar/rightarrow.png) center no-repeat;
}

.week ul {
  list-style: none;
  margin: 0px auto;
  padding: 0px 15px;
  max-width: 688px;
  height: 84px;
}

.week li {
  float: left;
  width: 94px;
  height: 81px;
  color: #4a4a4a;
  margin-top: 1px;
  text-align: center;
}

.week li .w1 {
  font-size: 16px;
  margin: 15px 0 10px;
}

.week li .w2 {
  font-size: 14px;
  margin: 0;
}

.week .choosetoday {
  background-image: url(/images/new-ecalendar/weekli.png);
  color: #ffffff;
}

.status-items {
  position: relative;
  padding-top: 47px;
}

.status-ul {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #e1e1e1;
  font-size: 0;
  border-radius: 5px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

.status-ul li {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  color: #4a4a4a;
  padding: 0px 15px;
  cursor: pointer;
  border-right: 1px solid #ebebeb;
  /*background: url(/images/new-ecalendar/down.png) center right no-repeat;*/
}

.status-ul .statuson,
.status-ul li:hover {
  background: url(/images/new-ecalendar/statuson.png) center;
}

.status-ul li:last-child {
  border-right: none;
}

.status-ul li img {
  margin-left: 5px;
}

.status-dl {
  margin: 0;
  padding: 0 0 30px;
  border-bottom: 2px solid #e4e4e4;
}

.status-dl dt {
  position: absolute;
  top: 0;
  left: 345px;
  width: 110px;
  height: 35px;
  line-height: 35px;
  padding-left: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  font-size: 16px;
  color: #4a4a4a;
  cursor: pointer;
  background: #fff url(/images/new-ecalendar/down-arrow.png) 100px 15px no-repeat;
  z-index: 10;
}

.status-dl .status-dton {
  color: #8d752f;
  height: 48px;
  border-bottom: none;
  background: #fff url(/images/new-ecalendar/down-arrowon.png) 100px 15px no-repeat;
}

.status-dl dd {
  margin: 0;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding: 15px;
  display: none;
  font-size: 0;
}

.status-dl dd a {
  width: 88px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e3e1e1;
  border-radius: 5px;
  font-size: 14px;
  color: #666666;
  text-align: center;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
}

.status-dl dd .closeBtn {
  width: 88px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e3e1e1;
  border-radius: 5px;
  font-size: 14px;
  color: #666666;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

.status-dl dd .coin-on,
.status-dl dd a:hover {
  border-color: #8d752f;
}

.status-dl dd img {
  vertical-align: middle;
  margin-right: 5px;
}

.status-list {
  position: absolute;
  top: 0;
  left: 448px;
  list-style: none;
  margin: 0;
}

.status-list li {
  display: inline-block;
  padding: 0px 15px;
  height: 37px;
  line-height: 37px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  font-size: 16px;
  color: #4a4a4a;
  cursor: pointer;
  margin-right: 10px;
}

.status-list .statuson,
.status-list li:hover {
  background: url(/images/new-ecalendar/statuson.png) center;
}

.finance-data {
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}

.finance-data table {
  width: 100%;
  text-align: center;
}

.finance-data thead th {
  height: 47px;
  border: 1px solid #e4e4e4;
  font-size: 16px;
  font-weight: 700;
  background: url(/images/new-ecalendar/thbg.png);
}

.finance-data .th1 {
  width: 80px;
  color: #000;
}

.finance-data .th2 {
  width: 105px;
}

/*「国家/地区」列不允许折行。表格自动布局把这列压到比内容还窄（财经表 71px < 表头文字 72px），
  「国家/地区」就折成「国家/」+「地区」两行，长国家名（如「沙特阿拉伯」）同理。
  线上该列是 80px / 144px，一行放得下。nowrap 把这两列的 min-content 抬到与 max-content
  相同 —— 只要列宽不小于内容就不可能折行（实测列宽随之变为 90px / 125px，与线上的
  80/144px 还差几像素，那部分是字体度量差异：线上 iframe 不声明字体、用浏览器默认字体，
  本站日历继承 body 的微软雅黑，自动布局按内容宽度分列时结果因此不同）。*/
.finance-data .th2,
.finance-data .e-th2 {
  white-space: nowrap;
}

.finance-data .th3 {
  height: 33px;
  width: 260px;
  padding: 5px;
  line-height: 25px;
}

.finance-data .th4 {
  width: 85px;
}

.finance-data .th5 {
  width: 90px;
}

.finance-data .th6 {
  width: 85px;
}

.finance-data .th7 {
  width: 100px;
}

.finance-data .th8 {
  width: 153px;
}

.finance-data .th9 {
  padding: 5px;
  height: 38px;
  line-height: 25px;
}

.table-next-th,
.event-next-th {
  width: 975px;
}

.redTr {
  color: #ff0000;
}

.liduo {
  background: #5DC954;
  color: #ffffff;
}

.likong {
  background: #D96163;
  color: #ffffff;
}

.finance-data tbody td {
  height: 48px;
  font-size: 14px;
  border: 1px solid #e4e4e4;
}

.finance-data tbody td img {
  vertical-align: middle;
}

.finance-data .tfoot {
  height: 55px;
  line-height: 55px;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.finance-data .tfoot a {
  color: #ff0000;
  text-decoration: underline;
}

.finance-data tfoot .more-data {
  color: #ff4800;
  text-decoration: underline;
}

.finance-data tfoot .none-data {
  color: #4a4a4a;
}

.table-next,
.event-next {
  display: none;
  width: 100%;
}

.finance-bottom {
  margin-top: 20px;
  font-size: 0;
}

.finance-bottom a {
  display: inline-block;
}

/*国旗*/
.finance-data .e-th2 {
  width: 125px;
  height: 30px;
  line-height: 30px;
  padding: 0 3px 0 15px;
}

.finance-data .e-th2 span {
  float: left;
}

.e-thimg {
  width: 46px;
  height: 30px;
  float: left;
  margin-right: 4px;
}

/*国旗图统一固定 46x30 显示：各国旗原始比例不一（如瑞士近方形），
  object-fit:contain 保证在固定盒内等比缩放、不变形不裁切*/
.finance-data .th2 img,
.finance-data .e-thimg img {
  width: 46px;
  height: 30px;
  object-fit: contain;
}