/*轮播图开始*/
.swiperWrapper{

}
.swiperWrapper .swiperBox{

}
.swiperWrapper .swiperBox .swiper-item{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;

}
.swiper-item img{
    width: 100%;

    overflow: hidden;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
/*轮播图结束*/
/*导航栏开始*/
.navWrapper{
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #fafafa;

}
.navWrapper .navBox{
    width: 70%;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;

}
.navBox ul{
    margin: 0 auto;

    height: 100%;
}
.navBox ul li{
    float: left;
    height: 70px;
    line-height: 60px;
    width: 12.5%;
}
.navBox ul li a{
    font-size: 18px;
    color: #666666;
    height: 100%;
    width: 100%;
    line-height: 70px;
    text-align: center;
    display: block;
    font-weight: bold;
}
.navBox ul li a:hover{
    color: #000000;
    font-weight: bold;
    font-size: 20px;
}
/*导航栏结束*/
/*内容区域开始*/
.conentWrapper{
    width: 100%;
    background: url("../images/main_content_bg.png") no-repeat center;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}
.conentWrapper .contentBox{
    width: 100%;
    margin: 0 auto;
}
.content-item{
    width: 100%;

}
.content-item .title-box{
    width: 70%;
    height: 100px;
    margin: 20px auto;
    text-align: left;

}

.content-item .item-box{
    width: 70%;
    margin: 20px auto;

}
/*活动主题标题*/
.zhutiBg{
    background: url("../images/title_zt.jpg") no-repeat left center;
}
/*新闻公告标题*/
.newsBg{
    background: url("../images/title_gg.png") no-repeat left center;
}
.content-item .item-box .newsCard{
    width: 30%;
    float: left;
    margin-left: 2.5%;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0px 0px 10px #cccccc;
    border: 0px solid #FAFAFA;
    margin-bottom: 15px;
    transition: all 1.2s;
}
.newsCard:hover{
    transform: scale(1.1);
}

.new-imgBox{
    width: 100%;
    overflow: hidden;
    height: 200px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 190px;
    text-align: center;
}
.new-imgBox img{
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}
.new-imgBox img:hover{
    transform: scale(1.2);
}
.new-msgBox{
    width: 90%;
    margin: 0 auto;
    height: 180px;
    position: relative;
    cursor: pointer;
}
.new-msgBox h3{
    color: #000000;
    font-size: 20px;
    line-height: 40px;
    padding: 10px 0px;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
}
.new-msgBox p{
    color: #666666;
    font-size: 16px;
    line-height: 30px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.new-msgBox div{
    display: block;
    position: absolute;
    height: 30px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 20px;
}
.new-msgBox div span{
    color: #999999;
    font-size: 12px;
    line-height: 30px;
    padding: 10px 0px;
    width: 50%;
    float: left;
    display: block;

}
.new-msgBox div span:last-child{
    text-align: right;
}
.item-btn{
    width: 100%;
    line-height: 100px;
    height: 100px;
    text-align: center;
    position: relative;

}
.item-btn a{
    width: 200px;
    height: 48px;
    border-radius: 50px;
    font-size: 14px;
    color: #999999;
    text-align: center;
    display: block;
    background: #ffffff;
    line-height: 48px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}
/*.section1{*/
/*    background: #ffffff;*/
/*}*/
/*!*各分赛区报名*!*/
/*.section2{*/
/*    background: url("../images/bg_2.jpg") no-repeat center center;*/
/*    background-size: 100% 100%;*/
/*    -moz-background-size: 100% 100%;*/
/*}*/
/*.section3{*/
/*    background: url("../images/bg_3.png") no-repeat center center;*/
/*    background-size: 100% 100%;*/
/*    -moz-background-size: 100% 100%;*/

/*}*/
/*报名入口标题*/
.bmBg{
    background: url("../images/title_bm.jpg") no-repeat left center;
}
/*组织单位标题*/
.zuBg{
    background: url("../images/title_zz.jpg") no-repeat left center;
}
/*参数要求标题*/
.csBg{
    background: url("../images/title_cs.jpg") no-repeat left center;
}
/*活动简介标题*/
.dsBg{
    background: url("../images/title_jj.jpg") no-repeat left center;
}
/*附件下载标题*/
.downBg{
    background: url("../images/title_6.png") no-repeat left center;
}

.signCard{
    width: 22.5%;
    margin-left: 2%;
    /*float: left;*/
    border-radius: 8px;
    margin-bottom: 50px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.8s;
    display: inline-block;
    margin: auto 15px;
}
.signCard img{
    width: 100%;

}
.signCard:hover{
    transform: scale(1.2);
    box-shadow: 0px 0px 15px #333333;

}
.unitCard{
    width: 90%;
    margin: 20px auto;

}
.unitCard div{
    float: left;
}

.unitCard .left{
    width: 10%;
}
.left p{
    width: 100%;
    line-height: 50px;
    height: 50px;
    text-align: left;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}
.unitCard .right{
    width: 90%;
}

.right ul li{
    width: 30%;
    display: block;
    float: left;
    margin-left: 2.5%;
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.right ul li a{
    width: 100%;
    display: block;
    height: 100%;
    text-align: left;
    line-height: 50px;
    color: #333333;
    font-size: 16px;
}

.file-list-box{
    background: #ffffff;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #fafafa;
    margin: 0 auto;
    padding: 20px 0px;
}

.file-list-item{
    width: 90%;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    margin:  0 auto;
    padding: 5px 0px;
}
.file-list-item:hover{
    background: #fafafa;
}

.file-list-item span{
    font-size: 14px;
    color: #333333;
    display: block;
    height: 60px;
    line-height: 60px;
    float: left;
}
.file-list-item span:first-child{
    width: 70%;
    text-align: left;
}
.file-list-item span:last-child{
    width: 30%;
    text-align: right;
}

.footWrapper{
    background: #333333;
    width: 100%;
}
.footWrapper .footBox{
    width: 70%;
    margin:  0 auto;
    color: #ffffff;
    padding: 40px 0px;
}
.footBox div{
    float: left;
    width: 33%;
    display: block;
}
.footBox div .div-one{
    width: 100%;
    margin-top: 20px;
}

.div-one ul li{
    width: 90%;
    float: left;
    display: block;
    padding: 5px 0px;
    color: #ffffff;
    font-size: 14px;
}
.div-one ul li a{
    color: #ffffff;
}

section {
    width: 100%;
}
.box{
    width: 70%;
    margin:  0 auto;
    background: #ffffff;
    border-radius: 6px;
}
.box .tpBox{
    width: 90%;
    margin:  0 auto;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #cccccc;
}
.tpBox span{
    display: block;
    float: left;
    width: 50%;
    height: 60px;
    line-height: 60px;
    color: #333333;
    font-size: 14px;
}
.tpBox span:last-child{
    text-align: right;
}

.new-lists{
    width: 90%;
    margin:  0 auto;
}
.new-lists .lists-item{
    padding: 10px 0px;
    height: 130px;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}
.new-lists .lists-item:hover{
    background: #fafafa;
}
.new-lists .lists-item div{
    float: left;
}

.new-lists .lists-item .item-left{
    width: 25%;
    height: 130px;
    overflow: hidden;
}
.new-lists .lists-item .item-left img{
    width: 100%;
    height: 130px;

}

.new-lists .lists-item .item-right{
    width: 68%;
    margin-left: 2%;
}
.new-lists .lists-item .item-right h3{
    color: #333333;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
}
.new-lists .lists-item .item-right p{
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.new-lists .lists-item .item-right div{
    width: 100%;

}
.new-lists .lists-item .item-right div span{
    display: block;
    width: 50%;
    height: 40px;
    line-height: 40px;
    color: #999999;
    font-size: 12px;
    float: left;
}
.new-lists .lists-item .item-right div span:last-child{
    text-align: right;
}

.pageBox{
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
}

.user-content{
    width: 90%;
    margin: 30px auto;

}
.user-content table{
    width: 100%;
}

.user-content table tr th,td{
    text-align: center;
    font-size: 14px;
    color: #333333;
    padding: 10px 5px;
}



.news-details{
    width: 90%;
    margin: 20px auto;
}
.zz{
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    text-indent: 2em;
}
.zz span{
    font-weight: bold;
}


.news-details .csitop h3{
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
}

.news-details .csitop .csitopb p{
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.news-details .csitxt p{
    line-height: 30px;
    margin: 0 auto;
}

.news-details .csitxt p img{
    width: 100%;
}

.gg{
    /*fixed使位置不随着窗口滚动而变化*/
    position: fixed;
    /*background-color: #ff6600;*/
    /*border-radius切出圆*/
    border-radius: 10px;

    width: 300px;
    left: 0px;
    top: 0px;
    /*浮于最上层*/
    z-index: 10000;
    /*背景图片占满div*/
    /*background-image: url("./static/1.jpg");*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*阴影*/
    box-shadow: -20px 20px 10px #88888846;
    cursor:pointer;
    overflow: hidden;

}
.gg img{
    width: 100%;

}
#secret{
    position: fixed;
    background-color: #FFB800;
    border-radius: 10px;
    height: 200px;
    width: 400px;
    left: 0;
    top: 0;
    z-index: 10000;
    box-shadow: 0 0 10px #aaa;
    cursor: pointer;
}

/*证书列表样式*/
.user-content .zhengsu-item{
    height: 50px;
    width: 100%;
}
.user-content .zhengsu-item:hover{
    background-color: #fafafa;
}
.zhengsu-item .zs-item-title{
    height: 50px;
    line-height: 50px;
    float: left;

}
.zhengsu-item .zs-item-bt{
    float: right;
    height: 30px;
    width: 60px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    margin-top: 10px;
    background-color: #009f95;
    cursor: pointer;
}

/* 外层容器：flex 列，用于包裹所有行，每行都是一个独立的 flex 容器 */
.info-container {
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    margin: 0 auto;
}

/* 每一行（主办单位行、承办单位行、支持单位行）使用 flex 行布局 */
.info-row {
    display: flex;
    flex-wrap: nowrap;          /* 标题和内容在同一行 */
    align-items: flex-start;    /* 顶部对齐 —— 保证标题与内容第一行对齐 */
    margin-bottom: 1.2rem;      /* 行与行之间的间距（与图片视觉一致） */
}
/* 最后一行下边距清零，避免多余空白 */
.info-row:last-child {
    margin-bottom: 0;
}

/* 左侧标题样式：右对齐，加冒号，不换行，宽度固定为自适应内容最宽 */
.info-label {
    flex-shrink: 0;             /* 防止标题被压缩 */
    text-align: right;
    font-weight: 600;
    font-size: 1.3rem;
    white-space: nowrap;
    padding-right: 0.8rem;
    color: #666666;
    /* 宽度由内容撑开，自然与右侧内容保持紧贴 */
}

/* 右侧内容区域：flex 容器内部使用 flex-wrap 排列各单位，完全由内容高度决定行高 */
.info-content {
    flex: 1;                   /* 占据剩余宽度 */
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0;                   /* 不用gap，通过伪元素或margin控制分隔符 */
}

/* 每个单位条目 */
.unit-item {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 400;
    color: #666666;
    background: transparent;
    margin: 0;
    padding: 0;
    line-height: inherit;
    white-space: normal;
}

/* 顿号分隔符（中文习惯），最后一个不显示 */
.unit-item:not(:last-child)::after {
    content: "、";
    display: inline-block;
    margin-left: 0.1em;
    margin-right: 0.1em;
}

/* 括号专项说明样式：与主文字完全一致，不加任何底纹/括号颜色/斜体 */
.unit-note {
    font-size: 1.3rem;
    font-weight: 400;
    color: #666666;
    background: transparent;
    margin: 0;
    padding: 0;
}

/* 支持单位只有一项，确保没有多余顿号 */
/* 响应式：当屏幕过窄时，左侧标题依然保持右对齐，内容自动换行 */
@media (max-width: 600px) {
    body {
        padding: 1rem;
    }
    .info-label {
        font-size: 0.95rem;
        padding-right: 0.6rem;
    }
    .unit-item, .unit-note {
        font-size: 0.95rem;
    }
    .info-row {
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    .info-label {
        font-size: 0.9rem;
        padding-right: 0.5rem;
    }
    .unit-item, .unit-note {
        font-size: 0.9rem;
    }
}


.title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    margin-bottom: 2rem;
}

.title-col {
    flex: 1;
    text-align: center;
}

.title-wrapper {
    display: inline-block;
    text-align: center;
    position: relative;
}

.section-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #666666;
    letter-spacing: 1px;
    display: inline-block;
    background: transparent;
    line-height: 1.3rem;
}

/* 三条蓝色条叠加 */
.bars-stack {
    margin-top: 0rem;
    text-align: center;
    position: relative;
    min-height: 5px;
}

.blue-bar {
    display: block;
    margin: 0 auto;
    background-color: #3b82f6;
    border-radius: 2px;
}

.bar-1 {
    width: 220px;
    height: 2px;
    background-color: rgb(11 113 185);
    margin-bottom: -1px;
}

.bar-2 {
    width: 180px;
    height: 3px;
    background-color: rgb(11 113 185);
    margin-bottom: -2px;
}

.bar-3 {
    height: 6px;
    background-color: #0b71b9;
    width: 135px;
}

/* ========== 第二行：内容区 + 灰色竖条 ========== */
.content-row {
    display: flex;
    align-items: stretch;
    gap: 0;
}

/* 左右内容区作为 flex 容器，用来控制内部列表的对齐 */
.content-col {
    flex: 1;
    display: flex;
}

/* 左侧内容区：让列表靠左，右侧留出大片空白 */
.content-col:first-child {
    justify-content: flex-start;
}

/* 右侧内容区：让列表靠右，左侧留出大片空白 */
.content-col:last-child {
    justify-content: flex-end;
}

/* 列表容器：宽度收窄，产生对称留白 */
.list-wrapper {
    max-width: 85%;        /* 控制内容宽度，留出空白区域 */
    width: auto;
}

/* 左侧列表容器默认左对齐 */
.content-col:first-child .list-wrapper {
    margin-right: auto;    /* 确保右侧空白 */
}

/* 右侧列表容器右对齐 */
.content-col:last-child .list-wrapper {
    margin-left: auto;     /* 确保左侧空白 */
}

.ordered-list {
    /*list-style: none;*/
    /*counter-reset: item;*/
    padding: 0;
    margin: 0;
}

.ordered-list .li {
    /*counter-increment: item;*/
    /*margin-bottom: 0.5rem;*/
    padding-left: 1.8rem;
    /*position: relative;*/
    font-size: 1.3rem;
    line-height: 2rem;
    color: #666666;
    word-break: break-word;
}

.ordered-list .li::before {
    /*content: counter(item) ".";*/
    /*position: absolute;*/
    left: 0;
    color: #3b82f6;
    font-weight: 500;
    width: 1.4rem;
    text-align: right;
}

/* 右侧最后一项底部不留白 */
.content-col:last-child .ordered-list .li:last-child {
    margin-bottom: 0;
}

/* 中间灰色竖条 */
.gray-divider {
    width: 5px;
    background-color: #cbd5e1;
    margin: 0 1rem;       /* 左右各留一点距离，与内容空白配合 */
    align-self: stretch;
    border-radius: 2px;
}

/* 响应式：窄屏时列表宽度比例变大，但仍保持对称留白 */
@media (max-width: 780px) {
    .card {
        padding: 1.5rem;
    }
    .section-title {
        font-size: 1.4rem;
    }
    .bar-1 {
        width: 180px;
    }
    .bar-2 {
        width: 150px;
    }
    .list-wrapper {
        max-width: 90%;
    }
    .gray-divider {
        margin: 0 0.75rem;
    }
    .ordered-list .li {
        font-size: 0.92rem;
        padding-left: 1.6rem;
    }
}

@media (max-width: 600px) {
    .section-title {
        font-size: 1.2rem;
    }
    .bar-1 {
        width: 150px;
        height: 2px;
    }
    .bar-2 {
        width: 120px;
        height: 3px;
    }
    .bar-3 {
        height: 6px;
    }
    .list-wrapper {
        max-width: 95%;
    }
    .gray-divider {
        margin: 0 0.5rem;
    }
    .ordered-list .li {
        font-size: 0.85rem;
        margin-bottom: 0.75rem;
    }
}