/**!
 * 主题详情页
 * date:2023-02-14
 * author: wppei;
 */
.unbindlink {
    pointer-events: none;
}

.theme-bth {
    width: 170px;
    height: 50px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    background: #2868b1;
    border-radius: 15px;
}

.com-hd {
    margin-bottom: 27px;
}

.normal-tt {
    height: 63px;
    margin-bottom: 24px;
    line-height: 61px;
    font-size: 28px;
    font-weight: bold;
    color: #484e54;
    border-bottom: 2px solid #e4e6eb;
}

.infor {
    margin-bottom: 42px;
}

.infor table {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
}

.infor td {
    padding: 18px 0;
    line-height: 36px;
    font-size: 20px;
    color: #333;
    border: 1px solid #e1e1e1;
}

.infor-label {
    width: 155px;
    font-weight: 500;
    text-align: center;
    background: #f4f9fd;
}

.infor .infor-box {
    width: 429px;
    padding: 18px 20px;
}

.process-hdl {
    height: 65px;
    border-bottom: 2px solid #e4e6eb;
}

.process-hdl .hdl {
    margin-right: 48px;
    height: 65px;
    line-height: 61px;
    border-bottom: 4px solid transparent;
}

.process-hdl .hdl.active {
    border-bottom-color: #2868b1;
}

.process-name {
    display: block;
    color: #8d949b;
    font-size: 28px;
    font-weight: bold;
}

.process-hdl .hdl.active .process-name {
    color: #2868b1;
}

.process-img {
    padding: 20px 0 40px 0;
    text-align: center;
}

.process-img img {
    max-width: 100%;
}

.guidance {
    margin-top: 25px;
    padding-bottom: 122px;
}

.process+.process {
    margin-top: 18px;
}

.process-tt {
    line-height: 34px;
    font-size: 18px;
    font-weight: bold;
}

.process-text {
    text-align: justify;
    text-indent: 30px;
    line-height: 28px;
    word-break: break-all;
}

.process-con {
    margin-top: 10px;
    line-height: 28px;
}

.process-con.red {
    color: #ff1717;
}

.process-sub {
    font-size: 15px;
    font-weight: 500;
}

.process-list {
    padding-left: 16px;
}

.process-item {
    margin-left: 26px;
    word-break: break-all;
    text-align: justify;
}

.read {
    line-height: 20px;
    color: #484e54;
    font-size: 16px;
    text-align: center;
    margin-top: 50px;
}

.read label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.icheckbox {
    width: 16px;
    margin: 2px 8px 0 0;
    height: 16px;
    background: url("../images/declare_process/icheckbox.png") no-repeat center top;
}

.icheckbox.checked {
    background-image: url("../images/declare_process/icheckboxh.png");
}

.form-btns {
    margin-top: 18px;
}

.form-btns .form-btn.default {
    color: #c8c8c8;
    background: #f5f5f5;
    border: 1px solid #d6d6d6;
    cursor: no-drop;
}

.share {
    padding: 0px 0 80px 0;
}

.share-table {
    width: 100%;
    table-layout: fixed;
}

.share-table th {
    height: 55px;
    padding: 0 10px;
    color: #888;
    font-size: 18px;
    background-color: #f6f7f9;
}

.text-center {
    text-align: center;
}

.share-table td {
    font-size: 18px;
    height: 54px;
    padding: 0 10px;
    border-bottom: 1px dashed #e1e3e5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 申报材料名称列支持两行显示 */
.share-table td:nth-child(2) {
    white-space: normal;
    height: auto;
    min-height: 54px;
    padding: 10px;
    line-height: 1.5;
    vertical-align: middle;
}

.share-name {
    display: block;
    text-align: left;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 申报材料名称支持两行显示 */
.share-table td:nth-child(2) .share-name,
.share-table td:nth-child(2) .material-name-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    word-break: break-all;
    line-height: 1.5;
    max-height: 3em; /* 两行的高度，1.5 * 2 = 3em */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 常见问题答案列允许多行显示 */
.share-table td .qa-answer {
    white-space: normal;
    line-height: 1.8;
    padding: 10px 0;
    word-break: break-word;
}

/* 确保file-name类也支持两行显示 */
.material-table .file-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    word-break: break-all;
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.material-table td:nth-child(2) {
    height: auto;
    min-height: 53px;
    padding: 10px;
    vertical-align: middle;
}

.file-download {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 21px;
    background: url("../images/material_upload/upload.png") no-repeat center;
}

.share-result {
    display: block;
    color: #2868b1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.situation .share-table {
    border: 1px solid #e1e3e5;
    border-collapse: collapse;
}

.situation th,
.situation td {
    border: 1px solid #e1e3e5;
}

.situation th:nth-child(2),
.situation td:nth-child(2) {
    padding: 0 27px;
}

.situation th:nth-child(3),
.situation td:last-child {
    padding: 0 20px;
}

.app-wrap {
    padding-top: 20px;
}

.app-wrap p {
    width: 440px;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    color: #666666;
    line-height: 34px;
}

.app-wrap p span {
    color: #c10a1b;
    text-decoration: underline;
}

.app-wrap .code-img {
    display: block;
    width: 199px;
    height: 199px;
    border: 1px solid #dedede;
    text-align: center;
    line-height: 198px;
    margin: 17px auto 0;
}

.app-wrap .code-img img {
    width: 160px;
    height: 160px;
    vertical-align: middle;
}

.guidance-wrap {
    margin-top: 32px;
    min-height: 40px;
}

.guidance-item {
    margin-top: 32px;
}

.guidance-item:first-child {
    margin-top: 0;
}

.subject {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #484e54;
}

.subject-num {
    margin-right: 7px;
    color: #2868b1;
}

.option {
    margin-top: 16px;
    line-height: 22px;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.option-node {
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
    font-size: 14px;
    color: #333;
}

.option-node label {
    display: block;
    cursor: pointer;
}

.option-node label .iradio {
    margin: 2px 9px 0 0;
}