/* 全局重置与基础样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

body {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    background-image:
        linear-gradient(to bottom, #f2fbf9 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 75%, #f3f6ff 100%),
        radial-gradient(1200px 500px at 10% 10%, rgba(45,212,191,0.06), transparent 60%),
        radial-gradient(900px 500px at 90% 0%, rgba(37,99,235,0.05), transparent 55%),
        linear-gradient(90deg, #f4fbf9 0%, #ffffff 45%, #f3f6ff 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


a {
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
}

a:hover {
    color: #007bff;
}

ul, li {
    list-style: none;
}

.clear, .clearfix::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* 顶部导航栏样式 */
.bartop {
    background-color: #2c3e50;
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  background: linear-gradient(90deg, #0f766e, #0d9488);
  color: #e6fffb;
  font-size: 13px;
  text-align: center;

  letter-spacing: .02em;
}

.barcenter {
    width: 1200px;
    margin: 0 auto;
}

.barleft {
    float: left;
}

.barleft ul {
    float: left;
    margin-right: 15px;
    display: flex;
    align-items: center;
}
.barleft .line{
	margin-top:15px;
}
.barleft .line u {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #999;
    margin: 0 10px;
    vertical-align: middle;
}

.barright a, .barright span {
    color: #fff;
}

.barleft a {
    color: #fff;
}

.barleft a:hover {
    color: #3498db;
}

.barright {
    float: right;
}

.barright ul{
	float:left;
	margin:auto 10px;
}

/* Logo+搜索+城市选择区域 */
.logosearchtel {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.weblogo img {
    height: 60px;
}

.webcity {
    text-align: center;
    display:none;
}

.webcity a {
    color: #007bff;
    font-size: 12px;
}

.postedit .post {
    display: inline-block;
    background-color: #e74c3c;
    color: #fff;
    padding: 8px 20px;
    border-radius: 4px;
    font-weight: 500;
}


.postedit .post:hover {
    background-color: #c0392b;
    color: #fff;
}

.postedit-vip .post {
    display: inline-block;
    background-color: #fcb27f;
    color: #fff;
    padding: 8px 20px;
    border-radius: 4px;
    font-weight: 500;
}


.postedit-vip .post:hover {
    background-color: #fcb27f;
    color: #fff;
}

/* 搜索框样式（仅修复搜索框与按钮同行问题） */
.websearch {
    width: 500px;
}

#searchType ul {
    display: flex;
    border-bottom: 2px solid #007bff;
}

#searchType li {
    padding: 8px 15px;
    cursor: pointer;
    margin-right: 5px;
}

#searchType li.current {
    background-color: #007bff;
}

#searchType li.current a {
    color: #fff;
}
#searchForm{
	width:350px;
}
.sch_t_frm {
    margin-top: 10px;
    display: flex;
    width: 100%; /* 确保容器宽度完整 */
}

.sch_ct {
    flex: 1; /* 让输入框容器占满剩余宽度 */
}

.topsearchinput {
    width: 250px; /* 输入框宽度100% */
    height: 40px;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    outline: none;
    font-size: 14px;
    float: left; /* 左浮动 */
}

.topsearchinput:focus {
    border-color: #007bff;
}

.btn-normal {
    height: 40px;
    width: 80px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-weight: 500;
    float: left; /* 左浮动，和输入框对齐 */
    border-left: none; /* 去除默认边框重叠 */
}

.btn-normal:hover {
    background-color: #0056b3;
}
/* 主体内容容器 */
.body1000 {
    width: 1200px;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
}
.body1000 .wrapper{
    margin:0 auto;
}
/* 分类导航区域 - 核心修改：和banner等高+悬浮显示二级分类 */
.focushead {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

/* 左侧一级分类容器 - 固定高度和banner一致 */
.categories {
    width: 220px;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: 0;
    height: 355px; /* 和banner高度保持一致 */
    overflow: hidden;
    position: relative;
    z-index: 100;
}

.titup {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    color: #333;
}

/* 一级分类样式 */
.categories > dd > ul > li {
    padding: 12px 20px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.categories > dd > ul > li:hover {
    background-color: #007bff;
}

.categories > dd > ul > li em a {
    font-weight: 500;
    font-size: 15px;
    color: #fff;
}

/* 二级分类容器 - 默认隐藏，悬浮显示在右侧 */
.categories li dl {
    display: none;
    position: absolute;
    left: 220px;
    top: 0;
    width: 600px; /* 二级分类面板宽度 */
    height: 300px; /* 和一级分类等高 */
    background-color: #fff;
    border-radius: 0 8px 8px 0;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    padding: 20px;
    margin-top: 0;
    border-left: none;
    z-index: 101;
}

/* 鼠标悬浮一级分类时显示对应的二级分类 */
.categories li:hover dl {
    display: block;
}

.categories li dl dt {
    display: none; /* 隐藏二级分类标题 */
}

.categories li dl dd {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 0;
    height: 100%;
    align-content: flex-start;
}

.categories li dl dd a {
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
    border-radius: 4px;
}

.categories li dl dd a:hover {
    color: #fff;
    background-color: #007bff;
}

/* 右侧焦点图+导航区域 */
.focushead_right {
    flex: 1;
    margin-left: 0; /* 取消左边距，和左侧导航贴合 */
    display: flex;
    flex-direction: column;
}

/* 顶部导航 */
.daohang_con{width:100%;}
.indexdh ul {
    display: flex;
    background-color: #fff;
    border-radius: 0px 8px 0 0;
    overflow: hidden;
}

.indexdh li {
    flex: 1;
    text-align: center;
}

.indexdh li a {
    display: block;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 500;
}

.indexdh li a:hover {
    background-color: #f0f7ff;
    color: #007bff;
}

/* 焦点图+公告区域 - 加宽公告区域 */
.focuscorp {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    padding: 0;
    margin-top: -1px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    display: flex;
    gap: 0;
}

.banner {
    position: relative;
    height: 300px;
    flex: 2; /* 调整比例，给公告区域更多宽度 */
    overflow: hidden;
    width:655px;
}

.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 公告区域 - 核心修改：加宽+优化样式 */
.announcepost {
    flex: 1; /* 增大比例，加宽公告区域 */
    background-color: #f8f9fa;
    border-radius: 0 0 8px 0;
    padding: 15px;
    height: 300px;
    width: 300px; /* 最小宽度保障 */
}

#tab1 ul {
    display: flex;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

#tab1 li {
    flex: 1;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    font-weight: 500;
}

#tab1 li.now {
    color: #007bff;
    border-bottom: 2px solid #007bff;
}

.tablist {
    height: calc(100% - 50px);
    overflow-y: auto;
    padding: 5px 0;
}

.tablist ul {
    padding: 0 5px;
}

.tablist li {
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
}

.tablist li a {
    color: #666;
}

.tablist li a:hover {
    color: #007bff;
}

.nodata {
    text-align: center;
    color: #999;
    padding: 20px 0;
}

.courseschool {
    margin-top: 10px;
    text-align: center;
}

.postinfo {
    display: inline-block;
    background-color: #007bff;
    color: #fff;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 13px;
}

/* 信息列表区域 */
.infolist {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
    width: 100%;
}

.showbox {
    width: calc(50% - 10px);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

.showbox .hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
}

.showbox .cattitle {
    font-size: 16px;
    font-weight: bold;
    color: #2c3e50;
}

.showbox .moreinfo a {
    color: #007bff;
    font-size: 13px;
}

.showbox .bd {
    padding: 20px;
}
/* 清除ul默认自带边距、圆点 */
.infolist .showbox .bd ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 单条资讯行：弹性布局，左右对齐、分割线、hover悬浮效果 */
.infolist .showbox .bd ul li {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #eee; /* 分割线区分每条信息 */
    gap: 16px; /* 内部元素间距 */
    transition: background-color 0.2s ease;
}

/* 鼠标悬浮整行高亮，提升交互感 */
.infolist .showbox .bd ul li:hover {
    background-color: #f8f9fa;
}

/* 时间标签：固定宽度，灰色弱化显示 */
.time {
    flex-shrink: 0; /* 宽度固定不压缩 */
    width: 76px;
    color: #999;
    font-size: 13px;
}

/* 标题主体：自适应占满剩余宽度，文字溢出省略 */
.info {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* 长标题自动...省略 */
}

/* 标题链接样式 */
.info a {
    color: #333;
    text-decoration: none;
    font-size: 15px;
}
.info a:hover {
    color: #e64340; /* hover变红突出 */
}

/* 分类标签：固定宽度，圆角色块标识 */
.catname {
    flex-shrink: 0;
    width: 90px;
    text-align: center;
}
.catname a {
    display: inline-block;
    padding: 4px 8px;
    background: #f0f4ff;
    color: #2b6cd9;
    font-size: 12px;
    border-radius: 4px;
    text-decoration: none;
}
.catname a:hover {
    background: #2b6cd9;
    color: #fff;
}
#blackcontentOuter #messageboxframecontainer{
    display: none!important;

}
#__messageboxback{
    border:2px solid #eee!important;
}
.wechat{
    display:none;
}
/* 商品网购区域 */
.goods {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: 20px;
    margin-bottom: 30px;
    width: 100%;
}

.goods .hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.goods .hdleft {
    font-size: 16px;
    font-weight: bold;
    color: #2c3e50;
    width: 30px;
}

.goods .more a {
    color: #007bff;
    font-size: 13px;
}
.cont li{
	padding:15px 20px;
}

/* 友情链接区域 */
.flink {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: 20px;
    margin-bottom: 30px;
    width: 100%;
}

.flink .hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

/* 页脚样式 */
.footer_new {
    background-color: #051b32;
    color: #fff;
    padding: 40px 0;
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
}

.foot_new {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.foot_new ._chat{
    color:#ccc;
}
.foot_box {
    width: 200px;
    margin-bottom: 20px;
}

.foot_box .hd {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #3498db;
}

.foot_box li {
    margin-bottom: 8px;
}

.foot_box a {
    color: #ccc;
}

.foot_box a:hover {
    color: #fff;
}

.foot_mobile .h3 {
    font-size: 14px;
    color: #ccc;
}

.foot_powered ,.foot_powered a{
    text-align: center;
    padding: 20px 0;
    margin-top: 20px;
    /*border-top: 1px solid #34495e;*/
    color: #999;
    font-size: 13px;
    width: 100%;
    color:#ccc;
}

/* 返回顶部按钮 */
#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-color: #007bff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

#back-to-top a {
    color: #fff;
    display: block;
}

#back-to-top:hover {
    background-color: #0056b3;
}

/*首页主体分类信息广告*/
#ad_indexcatad_1,#ad_indexcatad_9,#ad_indexcatad_10{
	display:none;
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .barcenter, .logosearchtel, .body1000, .foot_new {
        width: 95%;
    }
    
    .websearch {
        width: 400px;
    }
    
    .categories li dl {
        width: 400px;
    }
}

@media (max-width: 768px) {
    .logosearchtel {
        flex-direction: column;
        padding: 20px;
        gap: 15px;
    }
    
    .websearch {
        width: 100%;
    }
    
    .focushead {
        flex-direction: column;
    }
    
    .categories {
        width: 100%;
        height: auto;
        border-radius: 8px 8px 0 0;
    }
    
    .categories li dl {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        border-radius: 0;
        box-shadow: none;
    }
    
    .focushead_right {
        margin-left: 0;
        width: 100%;
    }
    
    .focuscorp {
        flex-direction: column;
    }
    
    .banner, .announcepost {
        width: 100%;
        height: auto;
    }
    
    .announcepost {
        width: 100%;
    }
    
    .infolist {
        flex-direction: column;
    }
    
    .showbox {
        width: 100%;
    }
    
    .foot_new {
        flex-direction: column;
        gap: 20px;
    }
    
    .foot_box {
        width: 100%;
    }
}


/* 全局基础重置 & 清除浮动通用类 */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",SimSun,sans-serif;text-decoration:none!important;}
.clearfix:after,.clear:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.clearfix,.clear{zoom:1;}
.red{color:#e53e3e;}
.required{margin-right:4px;}

/* 外层页面容器 */
#main.wrapper{
    max-width:1280px;
    margin:30px auto;
    padding:0 20px;
}

/* 顶部步骤进度导航条 step2 */
.step2,.step1,.step3{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:60px;
    padding:20px 25px;
    background:#f7f8fa;
    border-radius:8px;
    margin-bottom:25px;
    border:1px solid #e8eaed;
}
.step2,.step1,.step3 span{
    font-size:15px;
    color:#666;
    display:flex;
    align-items:center;
    gap:8px;
}
/* 当前步骤高亮样式 */
.step2,.step1,.step3 span.cur{
    /*color:#2563eb;*/
    font-weight:500;
}
/* 步骤数字圆圈 */
.number{
    display:inline-flex;
    width:26px;
    height:26px;
    border-radius:50%;
    background:#d1d5db;
    color:#fff;
    align-items:center;
    justify-content:center;
    font-size:13px;
}
.step2,.step1,.step3 span.cur .number{
    /*background:#2563eb;*/
}
.step2,.step1,.step3 a{
    text-decoration:none;
    font-size:14px;
    margin-left:8px;
}
.step2,.step1,.step3 a:hover{text-decoration:underline;}

/* 表单整体外层盒子 */
#fenlei2{
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:30px;
    box-shadow:0 1px 3px rgba(0,0,0,0.06);
}
.publishing-detail{
    width:100%;
}

/* 每一行表单布局 p-line 统一间距排版 */
.p-line{
    display:flex;
    align-items:flex-start;
    margin-bottom:22px;
    line-height:42px;
}
/* 左侧标签 */
.p-label{
    width:140px;
    flex-shrink:0;
    font-size:14px;
    color:#333;
    padding-right:10px;
    text-align:right;
}
/* 右侧输入区域 */
.publishing-detail-item{
    flex:1;
}

/* 输入框、下拉选择框通用美化 */
.input{
    height:40px;
    padding:0 14px;
    border:1px solid #d1d5db;
    border-radius:6px;
    font-size:14px;
    color:#333;
    background:#fff;
    transition:border-color 0.2s,box-shadow 0.2s;
}
.input:focus{
    outline:none;
    border-color:#2563eb;
    box-shadow:0 0 0 3px rgba(37, 99, 235, 0.15);
}
.input-60{width:620px;}
.input-large{width:360px;}
.input-small{width:180px;}
.errinput{border-color:#f87171;}

/* 下拉选择框样式 */
select.input{
    appearance:none;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 12px center;
    padding-right:36px;
}

/* 文本域textarea */
textarea.input{
    height:300px;
    padding:12px 14px;
    line-height:1.6;
    resize:vertical;
}

/* 图片上传模块排版 横向排列 */
.onea_dd{
    float:left;
    width:126px;
    margin-right:16px;
    text-align:center;
}
.viewarea{
    width:108px;
    height:108px;
    border:1px dashed #d1d5db;
    border-radius:6px;
    overflow:hidden;
    margin:0 auto 8px;
    background:#f9fafb;
}
.viewarea img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.a_ddarea{
    position:relative;
}
.comment-pic-upd{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
}

/* 联系信息区块 内边距区分分组 */
.contact{
    padding:20px;
    background:#fff5fc;
    border-radius:8px;
    margin:10px 0 25px;
}

/* 验证码图片 */
.authcode{
    height:40px;
    border:1px solid #d1d5db;
    border-radius:6px;
    vertical-align:middle;
    margin-left:8px;
}

/* 提交按钮区域 */
.p-submit{
    margin-top:15px;
    padding-top:15px;
}
.fabu1{
    height:44px;
    padding:0 40px;
    background:#2563eb;
    color:#fff;
    border:none;
    border-radius:6px;
    font-size:15px;
    cursor:pointer;
    transition:background 0.2s;
}
.fabu1:hover{
    background:#1d4ed8;
}

/* 底部提示文字 */
#formsubmittips{
    margin-top:18px;
    font-size:13px;
    color:#666;
    line-height:1.7;
}
#formsubmittips span{color:#dc2626;font-weight:500;}

/* 地区选择联动下拉间距 */
#showarea,#showstreet{
    margin-left:10px;
}

/* 修复所有浮动高度塌陷 核心 */
.publishing-detail-item,.onea_dd{zoom:1;}
#fenlei2,.publishing-detail{overflow:auto;}