@charset "utf-8";
/* ==========================================================================
   responsive.css — 门户移动端适配（REQ-009 / PRD-009 / C004）
   规则全部限定在 max-width:991px 内，桌面（>=992px）不加载任何声明。
   加载顺序：common.css -> bootstrap.min.css -> style.css -> responsive.css
   ========================================================================== */

/* ================= 平板 + 手机（<=991px） ================= */
@media only screen and (max-width: 991px) {
    html {-webkit-text-size-adjust: 100%;}

    /* ---------- 1. 头部：Logo/搜索两行 + 导航横向滑动 ---------- */
    .header {height: auto;}
    .header-top {height: auto;padding: 8px 0 4px;}
    .header-top .col-xs-6 {width: 100%;float: none;}
    .logo {text-align: center;}
    .logo img {max-width: 180px;height: auto;}
    .search {display: block;text-align: left;margin-top: 8px;}
    .search-box {display: flex;align-items: center;width: 100%;height: 36px;line-height: 36px;margin-top: 0;}
    .search-box form {display: flex;width: 100%;}
    .search-box input {flex: 1;min-width: 0;width: auto;height: 36px;font-size: 14px;}
    .search-icon {flex: 0 0 auto;height: 32px;}
    .browse {font-size: 11px;line-height: 18px;height: auto;margin-top: 4px;}
    .nav-border {height: auto;}
    .header-nav {height: auto;line-height: normal;}
    .nav-list {display: flex;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
    .nav-list::-webkit-scrollbar {display: none;}
    .nav-list li {float: none;flex: 0 0 auto;margin-left: 4px;padding: 0 12px;}
    .nav-list li:first-child {margin-left: 0;}
    .nav-list li a {font-size: 15px;white-space: nowrap;display: flex;align-items: center;min-height: 46px;}
    .nav-list li.active {line-height: 46px;}

    /* ---------- 2. 首页 ---------- */
    .paddingTop {padding-top: 10px;padding-bottom: 10px;}
    .paddingLeft,.paddingRight {padding: 0 15px;}
    .banner {height: 200px;}
    .trend-img,.trend-img a {width: 100%;height: 200px;}
    .trend-img img {width: 100%;height: 200px;object-fit: cover;}
    .trend-title {font-size: 13px;height: 34px;line-height: 34px;bottom: 0;padding: 0 8px;}
    .banner .owl-controls {bottom: 40px;}
    .entrance {margin-top: 10px;}
    .entrance-img {margin-bottom: 12px;}
    .entrance-img img {max-width: 100%;}
    .container-block {min-height: auto;padding: 10px;}
    .container-side {padding: 10px;}
    .channel,.channel-red {font-size: 15px;height: 36px;line-height: 36px;text-indent: 10px;}
    .channel-red .channel-more {margin-right: 2px;}
    .channel .channel-en,.channel-red .channel-en {font-size: 11px;}
    .information li.news,.dynamic li.news {line-height: 36px;padding-left: 12px;}
    .dynamic li.news a,.information li.news a {font-size: 13px;}
    .dynamic li.news span,.information li.news span {font-size: 12px;}
    .association a {padding: 10px 0;min-height: 44px;}
    .friendship {margin-top: 0;}
    .friendship-nav li {width: 31%;margin: 0 4px 6px 0;font-size: 13px;}
    .column-list li,.column-list li:nth-child(4n+1) {width: 50%;}

    /* ---------- 3. 栏目列表页 ---------- */
    .survey-nav {padding: 12px 15px;margin-top: 10px;}
    .surve-title {font-size: 17px;line-height: 26px;height: auto;}
    .surve-en {font-size: 12px;}
    .surve-box {border-bottom-width: 3px;}
    .surve-list {display: flex;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
    .surve-list::-webkit-scrollbar {display: none;}
    .surve-list li {flex: 0 0 auto;width: auto;height: 42px;line-height: 42px;border-bottom: 0;margin-right: 4px;}
    .surve-list li a {text-indent: 0;padding: 0 14px;font-size: 14px;height: 42px;line-height: 42px;}
    .surve-list li.active:after {display: none;}
    .surve-pic {padding: 10px 0;}
    .surve-pic a {float: left;width: calc(50% - 5px);margin: 0 10px 10px 0;}
    .surve-pic a:nth-child(2n) {margin-right: 0;}
    .surve-pic a img {width: 100%;}
    .pageList {min-height: auto;padding: 10px 0;margin-bottom: 16px;}
    .page-box {padding: 0;margin: 12px auto 0;}
    .current {height: 36px;line-height: 36px;}
    .current-title {font-size: 15px;}
    .current-position {font-size: 12px;}
    .current-position span {margin-left: 14px;}
    .current-position a:after {top: 11px;right: -14px;}
    .pageContent li {height: 44px;line-height: 44px;}
    .pageContent li a {width: 72%;font-size: 13px;padding-left: 10px;}
    .pageContent li span.time {font-size: 12px;right: 2px;}
    .pageText {display: flex;flex-wrap: wrap;justify-content: center;}
    .pageText li {margin: 0 3px 6px;}
    .pageText li a {min-width: 36px;min-height: 36px;line-height: 26px;padding: 5px 8px;font-size: 13px;}
    .loadding {padding: 20px 0;margin-top: 10px;}
    .loadding img {max-width: 60%;}
    .loaddingText,.loadding-text {font-size: 14px;}

    /* ---------- 4. 详情页 ---------- */
    .backColor {padding: 0 15px;}
    /* detail.html 无 col 包裹，.row 的负 margin 会撑宽，需清零 */
    .container.backColor > .row {margin-left: 0;margin-right: 0;}
    .detail-box {min-height: auto;padding: 12px 0;}
    .detail-title {font-size: 19px;line-height: 28px;padding-bottom: 12px;}
    .detail-time {height: auto;font-size: 12px;}
    .detail {width: 100% !important;display: block !important;padding: 12px 0;}
    .detail iframe {max-width: 100%;}
    .detail img {max-width: 100% !important;height: auto !important;}
    .detail table {display: block;max-width: 100%;overflow-x: auto;}
    .detail-text {font-size: 15px;line-height: 26px;text-indent: 2em;}
    .nodata img {max-width: 70%;}
    .scroll {right: 10px;bottom: 60px;}
    .scroll-top {width: 40px;height: 40px;background-size: 60% 60%;}

    /* ---------- 5. 培训列表 / 报名 ---------- */
    .train-box {min-height: auto;margin: 12px auto;}
    .train-content {display: block;}
    .train-content .train-item {float: none;width: 100%;height: auto;margin: 0 0 12px 0;}
    .train-content .train-item:nth-child(3n+1) {margin-left: 0;}
    .train-img {height: 160px;}
    .train-img img {height: 100%;object-fit: cover;}
    .train-title,.train-time {font-size: 13px;line-height: 26px;}
    .synopsis {height: auto;line-height: 22px;padding: 0 12px;}
    .synopsis>span.synopsis-name,.synopsis>span.synopsis-brief {display: inline;height: auto;line-height: 22px;margin-left: 0;}
    .enlist {height: 40px;line-height: 40px;font-size: 15px;}
    .enroll-content {min-height: auto;margin-top: 16px;padding: 0 10px;}
    .enroll-step {padding: 12px 0;}
    .enroll-step button.enroll-btn,.enroll-step button.addStudents {min-height: 42px;padding: 8px 24px;font-size: 15px;}
    .form-horizontal .control-label {text-align: left;padding-left: 5px;margin-bottom: 4px;}
    .form-control {height: 42px;font-size: 15px;}
    textarea.form-control {height: auto;}
    .uploadFile,.uploadImg {width: 100%;max-width: 180px;height: 130px;line-height: 130px;}
    .upload-tip {line-height: 22px;display: block;padding: 6px 0;font-size: 12px;}
    .trainee-content,.enterprise {width: 100%;margin: 10px auto;}
    .cloneStudent {width: 100%;}
    .deleteStudent,.addStudents {min-height: 40px;}

    /* ---------- 6. 入会申请 / 查询（保留表格，仅收敛宽度） ---------- */
    .js-apply {background-color: #E8EAED;}
    .membership {padding: 14px 12px;}
    .apply-title {font-size: 19px;line-height: 32px;height: auto;}
    .apply-subtitle {font-size: 24px;}
    .apply-box {width: 100% !important;min-height: auto;padding: 8px 0;}
    .apply-input {height: auto;margin-top: 16px;text-align: left;}
    /* 红色星号与标签同行，输入框独占一行 */
    .apply-input .apply-item {display: inline;margin-bottom: 0;}
    .apply-input .apply-item input {display: block;margin-top: 6px;}
    .apply-input input {width: 100%;height: 44px;font-size: 15px;}
    .applyTable tr,.applyTable tr td {font-size: 14px;}
    .applyTable .form-control {height: 42px;font-size: 15px;}
    .applyTextarea {min-height: 96px;}
    .agreement {line-height: 24px;}
    .agreement a {display: inline-block;margin-top: 4px;}
    .apply-jump {height: auto;line-height: normal;margin-top: 16px;}
    .apply-jump a {display: inline-block;min-height: 40px;line-height: 32px;padding: 4px 18px;margin: 0 6px 8px;}
    .query .form-group {display: block;margin: 0 0 10px !important;}
    .query .form-control {width: 100%;}
    .query .apply-box table {width: 100% !important;}
    .query .apply-box td,.query .apply-box th {font-size: 13px;padding: 6px 4px;word-break: break-all;}
    .company_name,.company_time,.company_state {word-break: break-all;}

    /* ---------- 7. 静态页 / 通知 ---------- */
    .notice {padding: 0 12px;}
    .notice-title {font-size: 19px;padding: 12px 0;}
    .notice-name {font-size: 15px;line-height: 32px;}
    .notice-text {font-size: 14px;line-height: 26px;}
    .building {min-height: auto;padding: 30px 0;}
    .building img {max-width: 80%;height: auto;margin-top: 5%;}
    #wrap .errormod {width: auto;max-width: 100%;box-sizing: border-box;padding: 30px 10px 20px;}
    #wrap .errormod h1 {font-size: 15px;line-height: 24px;}
    #wrap .errormod h1 strong {float: none;display: inline-block;font-size: 28px;height: auto;line-height: 1.2;margin-right: 6px;}
    #wrap .errormod img {max-width: 100%;height: auto;}
    .container>.row>.col-md-12 {padding-left: 0;padding-right: 0;}
}

/* ================= 手机（<=767px） ================= */
@media only screen and (max-width: 767px) {
    /* 头部粒子装饰：手机隐藏，省电且避免遮挡 */
    .particles {display: none;}

    /* 头部标语图在手机隐藏，压缩首屏高度 */
    .search > img {display: none;}

    /* 首页栏目标题英文副标题在极窄屏隐藏，避免换行 */
    .channel .channel-en,.channel-red .channel-en {display: none;}

    /* 入会申请：表格转纵向卡片 */
    .applyTable,.applyTable tbody,.applyTable tr,.applyTable td {display: block;width: 100% !important;}
    /* 覆盖模板上残留的 HTML height 属性（如第 3 步 td height="20px"），否则卡片高度被锁死导致输入框与下一个标签重叠 */
    .applyTable tr td {position: relative;height: auto !important;}
    /* “*必填”提示改为叠层显示，不再占一整行，收紧输入框与下一标签的间距（显示/隐藏仍由 apply.js 控制 visibility） */
    .applyTable tr td > span[class^="mush"] {position: absolute;right: 10px;top: 14px;pointer-events: none;}
    .applyTable tr {padding: 10px 0;border-bottom: 1px solid #EEE;}
    .applyTable tr:last-child {border-bottom: 0;}
    .applyTable tr td,.applyTable tr td:nth-child(1),.applyTable tr td:nth-child(3n) {text-align: left;line-height: 26px;font-size: 14px;}
    .applyTable tr td[width="15%"],.applyTable tr td[width="20%"] {width: auto;color: #666;}
    .applyTable tr td input[type="radio"] {margin-top: 4px;}
    .applyTable tr td .form-control {margin-top: 4px;}

    /* 培训列表：手机单列（上面已 100%，这里收紧内边距） */
    .train-title,.train-time {padding: 0 12px;}

    /* 分页按钮更紧凑 */
    .pageText li a {padding: 6px 9px;}

    /* 返回顶部不遮挡表单提交按钮 */
    .scroll {bottom: 40px;}

    /* 入会须知弹框（C006）：手机端全宽、内部滚动、按钮加高 */
    .notice-modal .modal-dialog {margin: 10px;}
    .notice-modal .modal-body {max-height: 70vh;padding: 12px;}
    .notice-modal .modal-title {font-size: 16px;}
    .notice-modal .notice-name {font-size: 14px;line-height: 28px;}
    .notice-modal .notice-text {font-size: 14px;line-height: 24px;}
    .notice-modal .modal-footer {padding: 10px;text-align: center;}
    .notice-modal .modal-footer .btn {width: 100%;min-height: 42px;font-size: 15px;}
}

/* ================= 平板（768~991px）：培训双列 ================= */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .train-content .train-item {float: left;width: calc(50% - 7px);margin: 0 14px 14px 0;}
    .train-content .train-item:nth-child(2n) {margin-right: 0;}
}