@CHARSET "UTF-8";
/*= Reset =*/ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{font-weight:normal;text-align:left;}
fieldset,img{border:0;}
ul li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h5{font-size:18px;margin-bottom:20px;color:#666;}
h5 span{font-size:12px;color:#ccc;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
body{font:normal 14px/24px "Helvetica Neue",Helvetica,STheiti,"Microsoft Yahei","冬青黑体简体中文 w3",宋体,Arial,Tahoma,sans-serif,serif;word-wrap:break-word;background: #F0F0F0;}
a { text-decoration:none;color:#1C3D72 }
img{-ms-interpolation-mode:bicubic;}
.box { width:940px;margin:18px auto 0 auto; }
.event_year { width:60px;border-bottom:2px solid #DDD;text-align:center;float:left;margin-top:10px; }
.event_year li { height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer; }
.event_year li.current { width:61px;background:#0066ff url('../img/jian.png') 60px 0 no-repeat;color:#FFF;text-align:left;padding-left:9px; }
.event_list { width:850px;float:right;background:url('../img/dian3.png') 139px 0 repeat-y;margin:10px 0 20px 0; }
.event_list h3 { margin:0 0 10px 132px;font-size:24px;font-family:Georgia;color:#0066ff;padding-left:25px;background:url('../img/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; }
.event_list li { background:url('../img/jian.png') 136px -80px no-repeat; }
.event_list li span { width:127px;text-align:right;display:block;float:left;margin-top:10px; }
.event_list li p { width:680px;margin-left:24px;display:inline-block;padding-left:10px;background:url('../img/jian.png') -21px 0 no-repeat;line-height:25px;_float:left; }
.event_list li p span { width:650px;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#FFF;margin:0; }
.copyright { width:1050px;margin:0 auto;padding:20px 0;text-align:center;color:#999;display:table;margin-left:180px; }

/* 手机端适配样式 - 当屏幕宽度小于768px时应用 */
@media screen and (max-width: 768px) {
    /* 状态栏样式 - 仅手机端显示 */
    .status-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: transparent;
        z-index: 9999;
    }

    /* 调整主容器宽度为100%，适应手机屏幕 */
    .box {
        width: 100%;
        margin: 10px auto;
        padding: 0 10px;
        padding-top: 60px; /* 为状态栏留出空间 */
        box-sizing: border-box;
    }

    /* 年份列表改为横向排列在顶部 */
    .event_year {
        width: 100%;
        border-bottom: 2px solid #DDD;
        text-align: center;
        float: none;
        margin-top: 0;
        margin-bottom: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }

    /* 年份列表项样式调整 */
    .event_year li {
        height: auto;
        line-height: 35px;
        background: #FFF;
        margin-bottom: 5px;
        font-size: 14px;
        color: #828282;
        cursor: pointer;
        padding: 0 9px;
        border-radius: 5px;
        border: 1px solid #DDD;
    }

    /* 当前选中年份样式调整 */
    .event_year li.current {
        width: auto;
        background: #0066ff;
        color: #FFF;
        text-align: center;
        padding: 0 15px;
        border-radius: 5px;
    }

    /* 事件列表宽度调整为100%，取消浮动 */
    .event_list {
        width: 100%;
        float: none;
        background: none;
        margin: 0;
        padding: 0;
    }

    /* 事件标题样式调整 */
    .event_list h3 {
        margin: 20px 0 10px 0;
        font-size: 18px;
        font-family: Georgia;
        color: #0066ff;
        padding-left: 10px;
        background: none;
        height: auto;
        line-height: normal;
        font-style: italic;
        border-left: 4px solid #0066ff;
    }

    /* 事件列表项样式调整 */
    .event_list li {
        background: none;
        padding: 15px 10px;
        margin-bottom: 10px;
        background: #FFF;
        border-radius: 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

    /* 事件日期样式调整 */
    .event_list li span {
        width: 100%;
        text-align: left;
        display: block;
        float: none;
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 14px;
        color: #666;
        font-weight: bold;
    }

    /* 事件内容样式调整 */
    .event_list li p {
        width: 100%;
        margin-left: 0;
        display: block;
        padding-left: 0;
        background: none;
        line-height: 24px;
        float: none;
    }

    /* 事件内容内层span样式调整 */
    .event_list li p span {
        width: 100%;
        text-align: left;
        border-bottom: none;
        padding: 0;
        background: none;
        margin: 0;
        font-size: 14px;
        color: #333;
        font-weight: normal;
    }

    /* 版权信息宽度调整 */
    .copyright {
        width: 100%;
        margin: 20px auto;
        padding: 15px 10px;
        text-align: center;
        color: #999;
        display: block;
        margin-left: 0;
        font-size: 12px;
    }
}

/* 代码整理：大头网 www.datouwang.com */