:root{
    --bg: #f4f6f8;
    --card: #fff;
    --accent: #1976d2;
    --muted: #777;
    --max-width: 1200px;
    --radius: 8px;
    --gap: 20px;
}

html,body{height:100%}
/*body{*/
/*    margin:0;*/
/*    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif;*/
/*    background:var(--bg);*/
/*    color:#222;*/
/*    line-height:1.6;*/
/*    -webkit-font-smoothing:antialiased;*/
/*}*/
a{color:#222;text-decoration:none}
a:hover,a:active,a:focus{color:inherit;text-decoration:none}

.list-layout{    max-width: var(--max-width);
    margin: 0 auto;
    padding: 18px;
    display: flex
;
    gap: var(--gap);
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 1398px;
    font-size: 16px;}
/* Ensure left main and right sidebar ordering */
.news_list {
    order: 1;
    flex: 1 1 0;
    min-width: 0;
    display: flex
;
    flex-direction: column;
}
.sider{order:2;flex:0 0 320px;width:320px}
.box{background:var(--card);padding:14px;border-radius:var(--radius);}
.title{margin:0 0 10px}
.title strong{font-size:1.05em}
.position {
    color: #222;
    font-size: 16px;
    margin-bottom: 12px;
}
.epages{margin-top:18px;text-align:center}
ul,ol{padding-left:1.2em;margin:0}

.rank{padding-left:1.2em}
.margin_top{margin-top:14px}
.sider ul,.sider ol{list-style:none;padding-left:0;margin:0}
.sider li{padding:8px 0;border-bottom:1px dashed #eee}
/*img{max-width:100%;height:auto;display:block}*/
@media (max-width:980px){
    .list-layout{flex-direction:column}
    .sider{flex:0 0 auto;width:100%}
}
@media (max-width:480px){
    .list-layout{padding:12px}
    .box{padding:10px}
}
.list {
    width: 650px;
    float: left;
    height: 130px;
    border-bottom: 1px dashed #c4c4c4;
    margin-top: 10px;
    display: inline;
}
dt {
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
}
dd {
    text-align: left;
    text-indent: 25px;
}