/* =========================================
   外汇列表页专用样式 (forex_list.css)
   说明：此文件需配合公用样式 2026pd.css 使用
   ========================================= */

/* --- 1. 基础工具类 --- */

/* 清除浮动 */
.clear {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

/* 双伪元素清除浮动 */
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

/* 左右浮动 */
.fl { float: left; }
.fr { float: right; }

/* --- 2. 二级分类导航 (.qs) --- */

.qs {
    height: 40px;
    width: 100%;
    background-color: #f5f5f5;
    min-width: 1000px;
    font-family: 'Microsoft YaHei', "SimSun", sans-serif;
    border-bottom: 1px solid #e0e0e0;
}

.qs .jh {
    width: 1200px;
    margin: 0 auto;
    padding-left: 10px;
    box-sizing: border-box;
    height: 40px;
}

.qs .jh ul li {
    float: left;
    list-style: none;
    margin-right: 14px;
}

.qs .jh ul li a {
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
    color: #666;
    margin-right: 14px;
}

/* 选中或悬停状态 */
.qs .jh ul li a:hover{
    color: #c00;
    text-decoration: underline !important;
}

/* --- 3. 主体布局 (.colnews_area) --- */

.colnews_area {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    padding: 5px 0 20px;
    overflow: hidden;
}

/* 左侧新闻列表区域 */
.colnews_left {
    width: 880px;
    padding: 5px 0;
    float: left;
}

/* 右侧边栏区域 */
.collist {
    width: 300px;
    float: right;
    padding-top: 15px;
}

/* --- 4. 左侧：新闻列表样式 --- */

.newslist_table {
    width: 100%;
}

/* 列表标题头 */
.newslist_classtitle {
    background: url(//i.ssimg.cn/images/foreignEx/newslist_titlebg1.gif) repeat-x;
    height: 45px;
    padding-right: 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}

.newslist_classtitle .colnews_icon {
    width: 50px;
    height: 45px;
    float: left;
}

.newslist_classtitle h1 {
    float: left;
    font-size: 20px;
    font-family: "Microsoft YaHei", "SimSun";
    color: #036;
    padding: 8px 5px 0;
    margin: 0;
    font-weight: normal;
}

/* 列表内容容器 */
.newslist_content {
    padding: 5px;
    margin: 5px 0;
}

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

.list-line li {
    padding-left: 15px;
    font-size: 14px;
    /* 列表前的小图标 */
    background: url(//i.ssimg.cn/images/info/2012/05/07/icon.gif) -15px -344px no-repeat;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
}

/* 日期时间 span */
.list-line li span {
    float: right;
    font-size: 12px;
    color: #999;
    font-family: Arial, sans-serif;
}

/* 新闻标题链接 */
.list-line li a {
    color: #666;
    float: left;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.list-line li a:hover {
    color: #c00;
    text-decoration: underline;
}

/* --- 5. 分页样式 (#Page) --- */

#Page {
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    overflow: hidden;
    zoom: 1;
    text-align: center;
    padding: 20px 0;
}

#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.edit a {
    padding: 0 15px;
}

/* --- 6. 右侧：行情数据样式 (新结构) --- */

.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;
}
.Cheader a{
    margin-left: 10px;
}
.Cheader a:hover{
    color: #f34540;
    text-decoration: underline;
}
.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;
}
.right_special li div .jzll_blue {
    color: #0E478C;
}
.right_special li div .jzll_blue:hover{
    color: #c00000;
    text-decoration: underline;
}
a.right_mouch {
    float: right;
    color: #666666;
}
a.right_mouch:hover {
    color: #f34540;
    text-decoration: underline;
}