/* =========================================
   期货列表页专用样式
   合并自 info-ccss-money.css 和 czy.css
   适配 1200px 布局 (左侧: 880px + 20px 边距, 右侧: 300px)
   ========================================= */
#RightSide{
    font-family:"Noto Sans SC", "Microsoft YaHei", "SimSun" ;
}
/* 1. 布局结构 */
#Wapper {
    width: 1200px;
    margin: 0 auto;
    font-family: Arial,"Simsun";
    clear: both;
}

/* 清除浮动工具类 */
.clearfix:after,
#Wapper:after,
.clear:after,
.cfx:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.clearfix,
#Wapper,
.clear,
.cfx {
    clear: both;
    display: block;
}

.cfx:before,
.cfx:after {
    content: "";
    display: table;
}

/* 左侧内容区域 */
#List {
    float: left;
    width: 880px;
    margin-right: 20px;
}

#List .content {
    margin-bottom: 10px;
    /* 移除边框/内边距以匹配简洁的列表样式，
       但保留 czy.css 中覆盖基础样式的结构 */
    border: none;
    padding: 0;
    overflow: hidden;
}

/* 右侧侧边栏区域 */
#RightSide {
    float: right;
    width: 300px;
    overflow: hidden;
}

#RightSide .content {
    margin-bottom: 10px;
    border: 1px solid #E0E0E0;
    border-top: none;
    overflow: hidden;
    zoom: 1;
}

/* 2. 排版与通用颜色 */
body {
    background: #fff;
    color: #333;
}

/* 特定颜色类 */
.red,
.red a,
a.red,
.cRed {
    color: #c00 !important;
}

.green,
.green a,
a.green,
.cGreen {
    color: #080 !important;
}

.gray,
.gray a,
a.gray {
    color: #666;
}

/* 3. 列表样式 (.list-line) */
.list-line {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #b0b0b0;
    overflow: hidden;
    zoom: 1;
}

.list-line li {
    height: 24px;
    line-height: 24px;
    padding-left: 15px;
    font-size: 14px;
    background: url(//i.ssimg.cn/images/info/2012/05/07/icon.gif) -15px -344px no-repeat;
    overflow: hidden;
}

.list-line li span {
    float: right;
    font-size: 12px;
    color: #666;
}

#Wapper a {
    color: #062786;
}

#Wapper a:hover {
    color: #c00;
    text-decoration: underline;
}

/* 4. 栏目标题样式 (.columnTitle-f) */
.columnTitle-f {
    padding-bottom: 37px;
    _padding-bottom: 34px;
    /* IE6 兼容写法 */
    border-bottom: 3px solid #ddd;
    text-align: left;
    margin-bottom: 10px;
    position: relative;
    /* 用于 h3 绝对定位如果需要的话 */
}

.columnTitle-no {
    border-bottom: none;
    margin-bottom: 0;
}

.columnTitle-f h3 {
    float: left;
    height: 37px;
    _height: 34px;
    line-height: 40px;
    _line-height: 32px;
    font-size: 16px;
    border-bottom: 3px solid #0E478C;
    font-family: '微软雅黑', 'Microsoft YaHei';
    font-weight: normal;
    padding-right: 10px;
    padding-left: 10px;
    /* 注意: 原始 czy.css 在这里使用了 position:absolute，
       但在这种布局流中，float 通常更安全，除非特定设计需要绝对定位。
       保持标准流的 float 行为。如果标题重叠，请移除 float 并使用 absolute。 */
    position: static;
}

.columnTitle-no h3 {
    border-bottom: none;
    padding: 0;
    font-family: "黑体", SimHei;
    font-size: 20px;
    overflow: hidden;
}

.columnTitle-f h3 a {
    color: #0E478C;
}

.columnTitle-f h3 a:hover {
    color: #c00;
}

/* 标题中的图标 */
.columnTitle-f h3 .zuixinwenzhang,
.columnTitle-f h3 .jigouzhuanqu,
.columnTitle-f h3 .mingjiazhuanqu {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    vertical-align: -1px;
}

.columnTitle-f h3 .zuixinwenzhang {
    background: url(//i.ssimg.cn/images/futures/2016/simconV3025.jpg) no-repeat;
}

.columnTitle-f h3 .ns {
    font-weight: 400;
}

.topline {
    height: 5px;
    font-size: 1px;
    border-top: 1px solid #999;
    background-color: #DDD;
    margin-bottom: 10px;
}

.border_e0 {
    border: 1px solid #E0E0E0;
    margin: 10px 0;
    padding: 0 10px;
    _padding-top: 7px;
}

/* 5. 分页 (#Page) */
#Page {
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    overflow: hidden;
    zoom: 1;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
}

#Page span,
#Page a {
    display: inline-block;
    padding: 0 15px;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    color: #666;
    background: url(//i.ssimg.cn/images/asset/20130903/repeat.gif) 0 -120px;
    vertical-align: top;
}

#Page a {
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    color: #000;
}

#Page a.current {
    border: 1px solid #002855;
    background: #104179;
    color: #fff;
}

#Page a:hover {
    border: 1px solid #002a5b;
    background: #00346f;
    text-decoration: none;
    color: #fff;
}

#Page span.edit {
    padding: 0;
    border: none;
}

#Page span a {
    padding: 0 15px;
}

/* 6. 右侧市场数据 (.switch1, .quote1, .list_tit) */
.list_tit {
    height: 32px;
    line-height: 32px;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background: url(//i.ssimg.cn/images/DataCenter/image.gif) repeat-x 0px -472px;
    text-align: left;
    font-size: 14px;
}

.list_tit .list_a {
    padding-left: 20px;
    margin-left: 5px;
    background: url(//i.ssimg.cn/images/futures/2018/icon_list.png) no-repeat 3px 3px;
    color: #0E478C;
}

.switch1 {
    width: 298px;
    /* 适应 300px 侧边栏 */
    border: 1px solid #E0E0E0;
    border-top: none;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 10px;
}

.switch1 .quote1 {
    border-bottom: 1px solid #E0E0E0;
}

.switch1 .quote1 .bt {
    border-top: 1px solid #E0E0E0;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #333;
}

.switch1 .quote1 .bt span {
    display: inline-block;
    width: 73px;
}

.switch1 .quote1 li {
    float: left;
    width: 298px;
}

.switch1 .quote1 li .tit1 {
    height: 24px;
    line-height: 24px;
    border-top: 1px solid #ddd;
    text-align: left;
    padding: 0 5px;
}

.switch1 .quote1 li .tit1:hover {
    background: #eee;
}

.switch1 .quote1 li .tit1 span {
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    font-size: 12px;
}

/* 调整 tit1 内部报价列的宽度 */
.switch1 .quote1 li .tit1 .span_c {
    text-align: left;
    width: 80px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
}

.switch1 .quote1 li .tit1 .span_c a {
    color: #062786;
}

.switch1 .quote1 li .tit1 .span_c a:hover {
    color: #c00;
}

/* 7. 工具类 */
.mb10 {
    margin-bottom: 10px;
}

.ad {
    margin-bottom: 10px;
    font: 0/0 arial;
    overflow: hidden;
    zoom: 1;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

/* 8. 页脚覆盖 (如果有特定于期货列表的样式，否则由 2026pd.css 处理) */
/* 主要页脚样式在 2026pd.css 中，所以我们保持不变。 */
/* 右侧列表 */
.Cheader {
    height: 35px;
    border-bottom: 1px solid #e2e2e2;
    line-height: 30px;
}

.Cheader span {
    font-size: 18px;
    border-left: 3px solid #f34540;
    text-align: center;
    height: 21px;
    line-height: 21px;
}

.Cheader span i {
    margin-left: 10px;
    color: #262626;
}

.right_special {
    padding: 0 0 33px;
    border-radius: 4px;
    background-color: #ffffff;
}
.right_special li {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e2e2e2;
}
.right_special li div {
    flex: 1;
    font-size: 14px;
    color: #000000;
    text-align: center;
    padding: 2px 0;
}
.right_special li div.jzll_gree {
    color: #228c02;
}
.right_special li div.jzll_red {
    color: #FF0000;
}
a.right_mouch {
    float: right;
    color: #666666;
}
a.right_mouch:hover {
    color: #f34540;
    text-decoration: underline;
}