@charset "utf-8";

/* 领导信箱模板 */
.mailbox-heading-wrap{
    padding-top:38px;
}

.mailbox-main{
    width:1000px;
    min-height:720px;
    margin:0 auto;
    padding:36px 0 64px;
}

.mailbox-panel{
    width:100%;
    border:1px solid #d3dce4;
    background:#fff;
}

.mailbox-panel-title{
    display:flex;
    align-items:center;
    gap:8px;
    height:36px;
    padding:0 10px;
    border-bottom:1px solid #d3dce4;
    background:#eef6fb;
    color:#27465f;
    font-size:14px;
    line-height:36px;
}

.mailbox-panel-title .bi{
    color:#54728a;
    font-size:15px;
}

/* 站群写信组件 */
.mailbox-station-form{
    padding:18px;
    overflow:hidden;
    background:#fff;
    color:#263b4e;
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size:14px;
    text-align:left;
}

.mailbox-station-form form{
    display:block!important;
    width:100%;
}

.mailbox-station-form div[class^="govitemcontent"]{
    width:100%;
}

.mailbox-station-form table{
    width:100%!important;
    border:0!important;
    border-collapse:collapse;
    table-layout:fixed;
    color:#263b4e;
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif!important;
    font-size:14px!important;
}

.mailbox-station-form tr{
    line-height:normal!important;
}

.mailbox-station-form td{
    height:52px;
    padding:8px 10px!important;
    border:0!important;
    border-bottom:1px solid #edf1f4!important;
    box-sizing:border-box;
    vertical-align:middle;
}

.mailbox-station-form td:first-child:not([colspan]){
    width:16%!important;
    color:#263b4e;
    font-weight:bold;
    text-align:right!important;
}

.mailbox-station-form td:nth-child(2):not([colspan]){
    width:48%!important;
    text-align:left!important;
}

.mailbox-station-form td:nth-child(3):not([colspan]){
    width:36%!important;
    color:#8996a1;
    font-size:12px;
    text-align:left!important;
}

.mailbox-station-form tr:not([style*="display:none"])>td:nth-child(3):not([colspan]){
    display:none;
}

.mailbox-station-form tr:not([style*="display:none"])>td:nth-child(2):not([colspan]){
    width:84%!important;
}

.mailbox-required{
    display:inline-block;
    margin-right:4px;
    color:#d71920;
    font-weight:normal;
}

.mailbox-content-heading-spacer{
    background:#fff!important;
}

.mailbox-captcha-controls{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:34px;
    text-align:left;
}

.mailbox-captcha-controls input[type="text"]{
    flex:0 0 140px;
    width:140px!important;
}

.mailbox-captcha-controls input[type="button"]{
    margin-left:4px;
}

.mailbox-station-form input[type="text"],
.mailbox-station-form input[type="password"],
.mailbox-station-form select,
.mailbox-station-form textarea{
    max-width:100%;
    border:1px solid #cfd8e0!important;
    border-radius:3px;
    outline:0;
    background:#fff!important;
    color:#333;
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size:14px;
    box-sizing:border-box;
}

.mailbox-station-form input[type="text"],
.mailbox-station-form input[type="password"],
.mailbox-station-form select{
    width:100%!important;
    height:34px!important;
    padding:0 10px;
}

.mailbox-station-form input[type="radio"]{
    margin:0 4px 0 12px;
    vertical-align:-1px;
}

.mailbox-station-form input[type="radio"]:first-child{
    margin-left:0;
}

.mailbox-station-form input[type="text"]:focus,
.mailbox-station-form input[type="password"]:focus,
.mailbox-station-form select:focus,
.mailbox-station-form textarea:focus{
    border-color:#1682c4!important;
    box-shadow:0 0 0 2px rgba(22,130,196,.1);
}

.mailbox-station-form td[colspan="3"]{
    text-align:left!important;
}

.mailbox-station-form iframe{
    display:block;
    width:100%!important;
    min-height:241px;
    border:1px solid #cfd8e0;
    box-sizing:border-box;
}

.mailbox-station-form input[type="button"]{
    min-width:120px;
    height:34px;
    margin-left:14px;
    padding:0 24px;
    border:1px solid #1682c4;
    border-radius:3px;
    background:#1682c4;
    color:#fff;
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size:14px;
    line-height:32px;
    cursor:pointer;
}

.mailbox-station-form input[type="button"]:hover{
    background:#086ca9;
}

.mailbox-station-form img{
    max-width:100%;
    vertical-align:middle;
}

.mailbox-form{
    padding:18px 18px 28px;
    background:#fff;
}

.mailbox-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 42px;
}

.mailbox-form-field{
    display:grid;
    grid-template-columns:80px minmax(0,1fr);
    align-items:center;
    min-width:0;
}

.mailbox-form-field-wide{
    grid-column:1 / -1;
}

.mailbox-form-field-wide input{
    max-width:calc(50% - 21px);
}

.mailbox-form-field label{
    display:block;
    padding-right:10px;
    color:#263b4e;
    font-size:14px;
    line-height:34px;
    font-weight:bold;
    text-align:right;
}

.mailbox-form-field label em{
    margin-right:2px;
    color:#d71920;
    font-style:normal;
}

.mailbox-form-field input,
.mailbox-form-field textarea{
    display:block;
    width:100%;
    border:1px solid #cfd8e0;
    border-radius:3px;
    outline:0;
    background:#fff;
    color:#333;
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size:14px;
}

.mailbox-form-field input{
    height:34px;
    padding:0 10px;
}

.mailbox-form-field textarea{
    min-height:200px;
    padding:9px 10px;
    line-height:24px;
    resize:vertical;
}

.mailbox-form-field input::placeholder,
.mailbox-form-field textarea::placeholder{
    color:#b1bac2;
}

.mailbox-form-field input:focus,
.mailbox-form-field textarea:focus{
    border-color:#1682c4;
    box-shadow:0 0 0 2px rgba(22,130,196,.1);
}

.mailbox-form-content{
    align-items:start;
}

.mailbox-form-content label{
    padding-top:72px;
}

.mailbox-form-actions{
    display:flex;
    justify-content:center;
    margin-top:26px;
}

.mailbox-button{
    width:120px;
    height:34px;
    padding:0;
    border:1px solid #1682c4;
    border-radius:3px;
    background:#1682c4;
    color:#fff;
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size:14px;
    line-height:32px;
    cursor:pointer;
}

.mailbox-button:hover{
    background:#086ca9;
}

.mailbox-letter-form{
    display:block!important;
    width:100%!important;
    margin:0!important;
}

.mailbox-letter-list{
    width:100%;
    margin-top:28px;
    border:1px solid #d3dce4;
    background:#fff;
    box-sizing:border-box;
}

.mailbox-letter-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:52px;
    padding:0 16px;
    border-bottom:1px solid #d3dce4;
    background:#eef6fb;
}

.mailbox-letter-count{
    display:flex;
    align-items:baseline;
    min-width:0;
    color:#27465f;
    font-size:14px;
    line-height:24px;
}

.mailbox-letter-count>span:first-child{
    font-weight:bold;
}

.mailbox-letter-count strong{
    margin:0 4px 0 10px;
    color:#1682c4;
    font-size:18px;
    font-weight:normal;
}

.mailbox-letter-count em{
    color:#7b8794;
    font-size:13px;
    font-style:normal;
}

.mailbox-letter-columns,
.mailbox-letter-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) 170px 88px;
    align-items:center;
}

.mailbox-letter-columns{
    min-height:38px;
    padding:0 16px;
    border-bottom:1px solid #e5ebf0;
    background:#f7f9fb;
    color:#7b8794;
    font-size:13px;
    line-height:22px;
}

.mailbox-letter-columns span:nth-child(2),
.mailbox-letter-columns span:nth-child(3){
    text-align:center;
}

.mailbox-letter-columns span:first-child{
    text-align:left;
}

.mailbox-letter-item{
    min-height:58px;
    padding:0 16px;
    border-bottom:1px solid #dce3e9;
}

.mailbox-letter-item+.mailbox-letter-item{
    padding-top:0;
}

.mailbox-letter-meta{
    display:grid;
    grid-template-columns:170px 88px;
    align-items:center;
    min-width:0;
    color:#7c8994;
    font-size:13px;
    line-height:24px;
    text-align:center;
}

.mailbox-letter-meta time{
    white-space:nowrap;
}

.mailbox-letter-item h3{
    min-width:0;
    margin:0;
    color:#222;
    font-size:14px;
    line-height:24px;
    font-weight:normal;
    text-align:left;
}

.mailbox-letter-item h3 a{
    display:block;
    overflow:hidden;
    color:#222;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mailbox-letter-item h3 a:hover{
    color:#0062a9;
}

.mailbox-letter-status{
    display:inline-block;
    min-width:52px;
    padding:0 5px;
    border:1px solid transparent;
    border-radius:2px;
    box-sizing:border-box;
    font-size:12px;
    line-height:22px;
    text-align:center;
}

.mailbox-letter-status.is-pending{
    border-color:#f0d6aa;
    background:#fff8eb;
    color:#b9791a;
}

.mailbox-letter-status.is-processing{
    border-color:#b9d9ed;
    background:#eef8fd;
    color:#247da9;
}

.mailbox-letter-status.is-finished{
    border-color:#b8dfc8;
    background:#effaf3;
    color:#318256;
}

.mailbox-letter-pagination{
    min-height:48px;
    padding:12px 16px;
    box-sizing:border-box;
    color:#7b8794;
    font-size:12px;
    line-height:24px;
    text-align:center;
}

.mailbox-letter-pagination .pb_sys_common{
    margin-top:0!important;
}

.mailbox-letter-pagination .p_t{
    margin-right:8px;
    color:#7b8794;
}

.mailbox-letter-content{
    padding:8px 10px;
    border:1px solid #d8dee4;
    background:#f7f8f9;
    color:#687681;
    font-size:13px;
    line-height:24px;
}

/* 信件详情组件 */
.mailbox-detail-main{
    min-height:560px;
}

.mailbox-detail-actions{
    display:flex;
    justify-content:center;
    margin-top:24px;
}

.mailbox-detail-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:120px;
    height:34px;
    padding:0;
    border:1px solid #1682c4;
    border-radius:3px;
    background:#1682c4;
    color:#fff;
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size:14px;
    line-height:32px;
    cursor:pointer;
}

.mailbox-detail-back:hover{
    background:#086ca9;
}

.mailbox-detail-back .bi{
    font-size:14px;
}

.mailbox-detail{
    width:100%;
    color:#263b4e;
    font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size:14px;
    text-align:left!important;
}

.mailbox-detail-panel{
    width:100%;
    margin-bottom:28px;
    border:1px solid #d3dce4;
    background:#fff;
    box-sizing:border-box;
    text-align:left!important;
}

.mailbox-detail-heading{
    display:flex;
    align-items:center;
    justify-content:flex-start!important;
    gap:8px;
    height:40px;
    padding:0 14px;
    border-bottom:1px solid #d3dce4;
    background:#eef6fb;
    color:#27465f;
    box-sizing:border-box;
    font-size:15px;
    font-weight:bold;
    line-height:40px;
}

.mailbox-detail-heading .bi{
    color:#54728a;
    font-size:15px;
}

.mailbox-detail-row{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr);
    min-height:48px;
    border-bottom:1px solid #e5ebf0;
    text-align:left!important;
}

.mailbox-detail-row:last-child{
    border-bottom:0;
}

.mailbox-detail-label,
.mailbox-detail-value{
    padding:12px 16px;
    box-sizing:border-box;
    line-height:24px;
    text-align:left!important;
}

.mailbox-detail-label{
    display:flex;
    align-items:center;
    border-right:1px solid #e5ebf0;
    background:#f7f9fb;
    color:#27465f;
    font-weight:bold;
}

.mailbox-detail-value{
    min-width:0;
    color:#5f6f7c;
    overflow-wrap:anywhere;
    word-break:break-word;
}

.mailbox-detail-row-content{
    min-height:110px;
}

.mailbox-detail-row-content .mailbox-detail-label{
    align-items:flex-start;
}

.mailbox-detail-row-content .mailbox-detail-value{
    line-height:28px;
    white-space:normal;
}

.mailbox-detail-status{
    display:inline-block;
    min-width:64px;
    padding:0 10px;
    border:1px solid #b9d9ed;
    border-radius:2px;
    background:#eef8fd;
    color:#247da9;
    box-sizing:border-box;
    line-height:24px;
    text-align:center;
}

.mailbox-detail-transfer{
    border-bottom:1px solid #e5ebf0;
}

.mailbox-detail-transfer-head,
.mailbox-detail-transfer-row{
    display:grid;
    grid-template-columns:180px minmax(0,1fr) 160px;
}

.mailbox-detail-transfer-head{
    min-height:38px;
    background:#f7f9fb;
    color:#27465f;
    font-weight:bold;
    line-height:38px;
    text-align:center;
}

.mailbox-detail-transfer-head span,
.mailbox-detail-transfer-row>div{
    padding:0 12px;
    border-right:1px solid #e5ebf0;
    box-sizing:border-box;
}

.mailbox-detail-transfer-head span:last-child,
.mailbox-detail-transfer-row>div:last-child{
    border-right:0;
}

.mailbox-detail-transfer-row{
    min-height:54px;
    border-top:1px solid #e5ebf0;
    color:#5f6f7c;
}

.mailbox-detail-transfer-row>div{
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top:10px;
    padding-bottom:10px;
    line-height:24px;
    overflow-wrap:anywhere;
}

.mailbox-detail-transfer-date{
    white-space:nowrap;
}

.mailbox-detail-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:320px;
    border:1px solid #d3dce4;
    background:#fff;
    color:#7b8794;
    text-align:center;
}

.mailbox-detail-empty .bi{
    margin-bottom:12px;
    color:#9eb3c2;
    font-size:34px;
}

.mailbox-detail-empty p{
    margin:0;
    font-size:14px;
    line-height:24px;
}

.header-mail-links {
    position: absolute;
    top: 8px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 26px;
    white-space: nowrap;
}

.header-mail-links a {
    display: block;
    padding: 0 12px;
    border-left: 1px solid rgba(255, 255, 255, .4);
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

.header-mail-links a:first-child {
    border-left: 0;
}

.header-mail-links a:hover {
    color: #c5b331;
}

/* 移动端适配 */
@media screen and (max-width:1024px), screen and (max-device-width:1024px){
    .mailbox-mobile-nav-toggle{
        display:block!important;
    }

    .mailbox-logo-placeholder{
        width:100%!important;
        height:48px!important;
        background-position:center!important;
    }

    .mailbox-search-placeholder{
        width:100%!important;
    }

    .mailbox-banner,
    .mailbox-banner .subpage-banner-inner,
    .mailbox-banner .subpage-banner-inner>div{
        height:150px!important;
        min-height:150px!important;
    }

    .mailbox-heading-wrap{
        padding-top:18px;
    }

    .mailbox-heading-wrap .breadcrumb>div{
        text-align:left!important;
    }

    .mailbox-main{
        width:100%;
        min-height:0;
        padding:18px 10px 36px;
    }

    .mailbox-detail-main{
        min-height:0;
    }

    .mailbox-detail-actions{
        margin-top:18px;
    }

    .mailbox-detail-back{
        width:100%;
        max-width:240px;
    }

    .mailbox-detail-main>div[data-component]:first-child{
        min-height:420px!important;
    }

    .mailbox-detail-main>div[data-component]:first-child>div{
        min-height:420px!important;
    }

    .mailbox-detail-panel{
        margin-bottom:18px;
    }

    .mailbox-detail-heading{
        height:38px;
        padding:0 10px;
        font-size:14px;
        line-height:38px;
    }

    .mailbox-detail-row{
        grid-template-columns:92px minmax(0,1fr);
        min-height:44px;
    }

    .mailbox-detail-label,
    .mailbox-detail-value{
        padding:10px;
        line-height:22px;
    }

    .mailbox-detail-row-content{
        min-height:90px;
    }

    .mailbox-detail-row-content .mailbox-detail-value{
        line-height:24px;
    }

    .mailbox-detail-transfer-head{
        display:none;
    }

    .mailbox-detail-transfer-row{
        display:block;
        padding:8px 10px;
    }

    .mailbox-detail-transfer-row+.mailbox-detail-transfer-row{
        border-top:1px solid #e5ebf0;
    }

    .mailbox-detail-transfer-row>div{
        display:grid;
        grid-template-columns:82px minmax(0,1fr);
        justify-content:normal;
        min-height:34px;
        padding:5px 0;
        border-right:0;
        text-align:left;
        white-space:normal;
    }

    .mailbox-detail-transfer-row>div:before{
        content:attr(data-label);
        color:#27465f;
        font-weight:bold;
    }

    .mailbox-detail-empty{
        min-height:260px;
    }

    .mailbox-main>div[data-component]:first-child{
        min-height:510px!important;
    }

    .mailbox-main>div[data-component]:last-child{
        min-height:300px!important;
        margin-top:20px!important;
    }

    .mailbox-form{
        padding:14px 12px 22px;
    }

    .mailbox-station-form{
        padding:10px 8px 16px;
        overflow-x:auto;
    }

    .mailbox-station-form table,
    .mailbox-station-form tbody,
    .mailbox-station-form tr,
    .mailbox-station-form td{
        display:block;
        width:100%!important;
    }

    .mailbox-station-form tr{
        padding:8px 0;
        border-bottom:1px solid #edf1f4;
    }

    .mailbox-station-form td{
        height:auto;
        padding:4px 8px!important;
        border:0!important;
        text-align:left!important;
        white-space:normal!important;
    }

    .mailbox-station-form td:first-child:not([colspan]),
    .mailbox-station-form td:nth-child(2):not([colspan]),
    .mailbox-station-form td:nth-child(3):not([colspan]){
        width:100%!important;
        text-align:left!important;
    }

    .mailbox-station-form td:first-child:not([colspan]){
        padding-bottom:2px!important;
    }

    .mailbox-station-form td:nth-child(3):not([colspan]){
        padding-top:2px!important;
    }

    .mailbox-station-form td[colspan="3"]{
        padding-right:8px!important;
        padding-left:8px!important;
    }

    .mailbox-content-heading-spacer{
        display:none!important;
    }

    .mailbox-captcha-controls{
        flex-wrap:wrap;
        gap:8px;
    }

    .mailbox-captcha-controls input[type="text"]{
        flex:1 1 130px;
        width:auto!important;
        min-width:120px;
    }

    .mailbox-station-form iframe{
        min-height:220px;
    }

    .mailbox-station-form input[type="button"]{
        display:block;
        margin:12px auto 0;
    }

    .mailbox-captcha-controls input[type="button"]{
        margin:0;
    }

    .mailbox-form-grid{
        display:block;
    }

    .mailbox-form-field{
        display:block;
        margin-bottom:12px;
    }

    .mailbox-form-field label{
        height:28px;
        padding:0;
        line-height:28px;
        text-align:left;
    }

    .mailbox-form-field-wide input{
        max-width:none;
    }

    .mailbox-form-field textarea{
        min-height:142px;
    }

    .mailbox-form-content label{
        padding-top:0;
    }

    .mailbox-form-actions{
        margin-top:16px;
    }

    .mailbox-letter-list{
        margin-top:20px;
    }

    .mailbox-letter-toolbar{
        min-height:48px;
        padding:0 10px;
    }

    .mailbox-letter-count{
        font-size:13px;
    }

    .mailbox-letter-count strong{
        margin-left:6px;
        font-size:16px;
    }

    .mailbox-letter-columns{
        display:none;
    }

    .mailbox-letter-item{
        display:block;
        min-height:0;
        padding:12px 10px;
    }

    .mailbox-letter-item+.mailbox-letter-item{
        padding-top:12px;
    }

    .mailbox-letter-meta{
        display:flex;
        justify-content:space-between;
        gap:10px;
        margin-top:7px;
        text-align:left;
    }

    .mailbox-letter-meta time{
        flex:0 0 auto;
        white-space:nowrap;
    }

    .mailbox-letter-item h3{
        font-size:14px;
        line-height:24px;
    }

    .mailbox-letter-pagination{
        overflow-x:auto;
        padding:10px;
        white-space:nowrap;
    }

    .mailbox-letter-content{
        padding:8px 10px;
        font-size:12px;
        line-height:22px;
    }

    .site-copyright>div[data-component]{
        min-height:44px!important;
        padding:6px 10px;
        line-height:22px!important;
    }
    .header-mail-links {
        position: static;
        display: flex !important;
        justify-content: center;
        width: 100%;
        height: auto;
        margin: 0 0 8px;
        white-space: normal;
    }

    .header-mail-links a {
        flex: 0 1 auto;
        padding: 0 11px;
        font-size: 13px;
        line-height: 24px;
        white-space: nowrap;
    }
}