@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	font-family: "微软雅黑","宋体";
	list-style-type: none;
	color:#999999;
} 
body{background:#f8f8f8 url("bg.jpg") left top repeat;}
/************** html5 **************/

.content{
    background:#fafafa; 
    width:900px; 
    height:480px; 
    margin:5% auto; 
    text-align:center; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    border-radius:5px; 
    -moz-box-shadow:0px 0px 4px #cccccc; 
    -webkit-box-shadow:0px 0px 4px #cccccc; 
    box-shadow:0px 0px 4px #cccccc;
    /* 适配小屏幕 */
    max-width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}
.content p:first-child{
    border-bottom:1px solid #ccc; 
    color:#5e5e5e; 
    font-size:28px; 
    width:839px; 
    margin:0 auto; 
    padding:45px 0px 20px;
    /* 适配小屏幕 */
    max-width: 100%;
    box-sizing: border-box;
}
.content p{padding-top:12px;}
.tips{font-size:18px; margin:55px 0px 40px;}
.time{
    background:#fafafa url("date_bg.jpg") center no-repeat; 
    margin:0 auto; 
    height:130px; 
    width:839px; 
    overflow:hidden;
    /* 适配小屏幕 */
    max-width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
}
.time span{float:left;line-height:25px;height:87px;overflow:hidden;}
.time span.danwei_first{padding-left:36px;}
.time span.danwei{padding-right:125px;}
.clear{height:0;clear:both;overflow:hidden;}
 /* 固定底部 + 居中样式 */
footer {
    position: fixed; /* 固定定位，脱离文档流但始终在可视区 */
    bottom: 0; /* 贴紧底部 */
    left: 0; /* 贴紧左侧，保证宽度铺满 */
    width: 100%; /* 宽度占满屏幕 */
    background-color: #f9f9f9; /* 可选：加背景色，避免与内容重叠看不清 */
    padding: 15px 0; /* 上下内边距，增加高度和可读性 */
    border-top: 1px solid #eee; /* 可选：加顶部边框，区分内容区 */
    box-sizing: border-box;
}

.copyright {
    text-align: center; /* 文字水平居中 */
    font-size: 14px; /* 桌面端基础大小 */
    color: #666;
    margin: 0; /* 清除p标签默认的margin，避免居中偏移 */
    line-height: 1.5; /* 行高，优化文字垂直居中 */
}

/* 客服信息样式 - 自适应+突出 */
.customer-ser{
    /* 基础样式 - 突出效果 */
    font-size: clamp(20px, 5vw, 28px); /* 桌面端/平板自适应 */
    font-weight: 700; /* 加粗突出 */
    color: #e63946; /* 醒目红色 */
    background-color: #fff8e1; /* 浅黄背景衬托 */
    padding: 15px 20px; /* 内边距增加立体感 */

    border-radius: 8px; /* 圆角更友好 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 轻微阴影增加层次感 */
    
    /* 自适应布局 */
    width: 100%; /* 宽度铺满容器 */
    max-width: 100%; /* 限制最大宽度 */
    box-sizing: border-box; /* 内边距不影响宽度 */
    text-align: center; /* 居中显示，适配移动端 */
    margin: 10px auto; /* 上下间距，左右自动居中 */
}

/* 小屏幕适配微调（手机端） */
@media (max-width: 480px) {
    .customer-ser{
        padding: 12px 15px; /* 移动端减少内边距 */
        font-size: clamp(20px, 5vw, 28px); /* 桌面端/平板自适应 */
    }
    .copyright {
        font-size: 26px; /* 移动端版权文字从14px放大到16px，可根据需求调整为17/18px */
    }
    .time span{
        float: none;
        display: block;
        height: auto;
        padding: 5px 0;
    }
    .time span.danwei_first{padding-left: 0;}
    .time span.danwei{padding-right: 0;}
    .tips{margin: 25px 0 20px;}
    .content p:first-child{padding: 25px 0 15px;}
}

/* 中等屏幕适配（平板） */
@media (max-width: 900px) {
    .customer-ser, .content {
        width: 100%;
    }
    /* 平板端也适度放大版权文字 */
    .copyright {
        font-size: 25px;
    }
}