/* CAS front-end interaction baseline for Discuz showWindow/showDialog/showMenu/ajaxmenu structures. */
.fwinmask {
    overflow: visible !important;
}

.fwinmask .fwin {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
}

.fwinmask .t_l,
.fwinmask .t_c,
.fwinmask .t_r,
.fwinmask .m_l,
.fwinmask .m_r,
.fwinmask .b_l,
.fwinmask .b_c,
.fwinmask .b_r {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.fwinmask .m_c {
    box-sizing: border-box;
    min-width: 0;
    max-width: min(720px, calc(100vw - 32px)) !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 1px solid #d9e2ea !important;
    border-radius: 6px;
    background: #fff !important;
    box-shadow: 0 18px 46px rgba(23, 32, 42, .18);
}

.fwinmask .flb {
    position: relative;
    height: auto;
    min-height: 48px;
    margin: 0 !important;
    padding: 13px 52px 12px 18px !important;
    border-bottom: 1px solid #e8eef4;
    background: #f8fafc !important;
    line-height: 22px;
}

.fwinmask .flb em {
    float: none;
    color: #17202a !important;
    font-size: 15px;
    font-weight: 600;
}

.fwinmask .flb span {
    position: absolute;
    top: 11px;
    right: 12px;
    display: block;
    float: none;
    width: 28px;
    height: 28px;
}

.fwinmask .flbc {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent !important;
    color: transparent !important;
    line-height: 28px;
    text-indent: -999px;
}

.fwinmask .flbc:before {
    position: absolute;
    inset: 0;
    color: #667c99;
    content: "x";
    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
    text-indent: 0;
}

.fwinmask .flbc:hover {
    border-color: #d9e2ea;
    background: #fff !important;
}

.fwinmask .flbc:hover:before {
    color: #ff8200;
}

.fwinmask .c,
.fwinmask .f_c,
.fwinmask .altw {
    box-sizing: border-box;
    width: auto !important;
    padding: 18px !important;
    overflow: visible !important;
    background: #fff !important;
    color: #17202a;
    font-size: 14px;
    line-height: 22px;
}

.fwinmask .o {
    height: auto !important;
    margin: 0 !important;
    padding: 12px 18px 16px !important;
    border-top: 1px solid #e8eef4;
    background: #f8fafc !important;
    text-align: right;
}

.fwinmask .alert_right,
.fwinmask .alert_info,
.fwinmask .alert_error {
    position: relative;
    min-height: 40px;
    padding: 6px 0 6px 58px !important;
    background: none !important;
    color: #17202a;
    font-size: 14px;
    line-height: 22px;
}

.fwinmask .alert_right:before,
.fwinmask .alert_info:before,
.fwinmask .alert_error:before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 38px;
    height: 38px;
    font-family: dzicon;
    font-size: 38px;
    font-weight: 400;
    line-height: 38px;
}

.fwinmask .alert_right:before {
    content: "\f115";
    color: #18bd9d;
}

.fwinmask .alert_info:before {
    content: "\f117";
    color: #2f92d4;
}

.fwinmask .alert_error:before {
    content: "\f116";
    color: #f7a21d;
}

.fwinmask .alert_right p,
.fwinmask .alert_info p,
.fwinmask .alert_error p {
    margin: 0;
}

.fwinmask .alert_error {
    color: #b42318;
}

.fwinmask .alert_info {
    color: #526579;
}

.fwinmask .pn,
.p_pop .pn,
.p_pof .pn,
.tip .pn {
    box-sizing: border-box;
    height: 32px;
    padding: 0 14px;
    border: 1px solid #d9e2ea !important;
    border-radius: 4px;
    background: #fff !important;
    color: #17202a !important;
    line-height: 30px;
}

.fwinmask .pn strong,
.p_pop .pn strong,
.p_pof .pn strong,
.tip .pn strong {
    color: inherit !important;
    font-weight: 600;
}

.fwinmask .pnc,
.p_pop .pnc,
.p_pof .pnc,
.tip .pnc {
    border-color: #ff8200 !important;
    background: #ff8200 !important;
    color: #fff !important;
}

.fwinmask .pn:hover,
.p_pop .pn:hover,
.p_pof .pn:hover,
.tip .pn:hover {
    border-color: #c8d4df !important;
    text-decoration: none !important;
}

.fwinmask .pnc:hover,
.p_pop .pnc:hover,
.p_pof .pnc:hover,
.tip .pnc:hover {
    border-color: #e87500 !important;
    background: #e87500 !important;
}

.fwinmask input.px,
.fwinmask textarea.pt,
.fwinmask textarea,
.fwinmask .px,
.fwinmask .pt {
    box-sizing: border-box;
    max-width: 100%;
    border: 1px solid #d9e2ea !important;
    border-radius: 4px;
    background: #fff !important;
    color: #17202a;
}

.fwinmask input.px:focus,
.fwinmask textarea.pt:focus,
.fwinmask textarea:focus,
.fwinmask .px:focus,
.fwinmask .pt:focus {
    border-color: #ff8200 !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 130, 0, .12);
}

.fwinmask .tedt {
    width: 100% !important;
    border: 1px solid #d9e2ea !important;
    border-radius: 4px;
    overflow: hidden !important;
    background: #fff !important;
}

.fwinmask .tedt .bar {
    border-bottom: 1px solid #e8eef4 !important;
    background: #f8fafc !important;
}

.fwinmask .tedt .area {
    padding: 0 !important;
}

.fwinmask textarea.pt {
    width: 100% !important;
    min-height: 90px;
    resize: vertical;
}

.fwinmask .pmb.cas-pmb-empty {
    display: none !important;
    margin: 0 !important;
}

.fwinmask .cas-pm-return {
    display: none;
    margin: 0 !important;
}

.fwinmask .cas-pm-return:not(:empty) {
    display: block;
    margin: 0 0 10px !important;
    padding: 8px 10px;
    border: 1px solid #fde2c1;
    border-radius: 4px;
    background: #fff7ef;
    color: #b85b00;
    line-height: 20px;
}

.p_pop,
.p_pof,
.p_opt,
.sllt {
    box-sizing: border-box;
    border: 1px solid #d9e2ea !important;
    border-radius: 6px;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(23, 32, 42, .14);
}

.p_pop,
.p_pof,
.sllt {
    padding: 6px !important;
}

.p_pop a,
.p_pof a {
    color: #17202a !important;
    border: 0 !important;
    border-radius: 4px;
    line-height: 22px;
}

.p_pop a:hover,
.p_pop a.a,
.p_pof a:hover,
.p_pof a.a {
    background: #fff7ef !important;
    color: #d86900 !important;
    text-decoration: none !important;
}

.p_opt {
    padding: 8px !important;
    color: #17202a;
}

.tip,
.tip_4,
.p_pop.card,
.p_pof.card {
    box-sizing: border-box;
    border: 1px solid #d9e2ea !important;
    border-radius: 6px;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(23, 32, 42, .14);
}

.tip_c,
.tip_horn,
.p_pop.card .card,
.p_pof.card .card {
    color: #17202a;
}

.tip_c {
    padding: 8px 10px !important;
    line-height: 22px;
}

@media (max-width: 640px) {
    .pg_post .p_pof,
    .pg_post .fwinmask {
        box-sizing: border-box;
        width: 94% !important;
        left: 3% !important;
    }

    .fwinmask .m_c {
        min-width: 0;
        width: auto !important;
        max-width: calc(100vw - 24px) !important;
    }

    .fwinmask .flb {
        padding-right: 48px !important;
    }

    .fwinmask .flb span {
        top: 10px;
        right: 10px;
        z-index: 2;
    }

    .fwinmask .c,
    .fwinmask .f_c,
    .fwinmask .altw {
        padding: 16px !important;
    }
}