/* 全局设置 */
html {
    --page-width: 1032px;
}

body,
.edt .area {
    background-color: var(--Color_Bg_Gray) !important;
}

body,
input,
button,
select,
textarea {
    color: var(--Color_Text_1);
}

:hover,
:focus-visible,
:focus {
    outline: none;

}

.ftid a:hover,
.ftid a:focus {
    background-image: none !important;
}

img {
    object-fit: cover;

}

#dark-mode-toggle {
    background: transparent;
    border: none;
    font-weight: 800;
    cursor: pointer;

}

.icon-sun {
    display: none;
}

.dark .icon-sun {
    display: block;
}

.dark .icon-moon {
    display: none;
}

.bm,
.bm_h,
.px,
.pt,
.ps,
.edt .bbar,
select,
#livereplycontentout,
#livefastcomment,
#livereplymessage,
.tedt .pt,
.tb a,
.nfl .f_c,
.edt .bar,
.edt .b2r a.dp,
.edt .pt,
.ntc_l,
.tedt .area {
    background: transparent !important;
}

.nfl .f_c {
    border: none;
}

.m_c,
.m_c .o,
.ftid a,
.pg a,
.pg strong,
.pgb a,
.pg label {
    color: var(--Color_Text_1) !important;
    background: var(--Color_Bg_White);
}

.pgb a {
    height: 26px !important;
    line-height: 26px !important;
}

.d-flex {
    display: flex;
}

#controlcontent {
    height: 110px;
}

#number_favorite,
#nv_group #pgt {
    display: none;
}

#pgt {
    margin-bottom: 8px;
}

.pg_viewthread #pgt {
    margin-bottom: 0;
}

.d-flex-center {
    display: flex;
    align-items: center;
}

.bluely_card,
.pg_medal #wp.wp,
.pg_guide #wp.wp,
.pg_collection #wp.wp,
.pg_space #wp.wp,
.pg_post #wp.wp,
#nv_plugin #wp.wp,
.pg_ranklist #wp.wp,
.pg_spacecp #wp.wp,
.pg_follow #wp.wp,
.pg_faq #wp.wp,
#f_pst,
#plugin_notice .bm,
.pg_task #wp.wp,
#g_commend,
.fl.bm,
#online,
.bm.lk,

.pg_magic #wp.wp,
.duceapp_iptbox,
#main_message,
.DownCard_downloadCard {
    padding: var(--padding) !important;
    background: var(--Color_Bg_Card_White) !important;
    border-radius: var(--radius) !important;
    margin-bottom: var(--margin) !important;
}

#nv_group.pg_forumdisplay #wp.wp,
#nv_group.pg_my #wp.wp,
.pg_post #wp.wp,
.pg_collection #wp.wp,
.pg_ranklist #wp.wp,
#nv_plugin #wp.wp,
.pg_group #wp.wp,
.pg_space #wp.wp,
.pg_guide #wp.wp,
.pg_spacecp #wp.wp,
.pg_medal #wp.wp,
.pg_magic #wp.wp,
.pg_faq #wp.wp,
.pg_task #wp.wp,
.pg_follow #wp.wp {

    margin-top: var(--margin);
}

#samplepanel {
    background: var(--Color_Bg_White) !important;
}

#plugin_notice {
    background: transparent;
}

.ct2_a,
.ct3_a {
    background: var(--Color_Bg_White);
}

.HeadInfo {
    background-color: var(--Color_Head_Bg) !important;
    padding: var(--padding) var(--spacing-page) !important;
    border-radius: var(--radius) var(--radius) 0 0;
    color: var(--Color_White);
    font-weight: 400;
    margin-bottom: 0 !important;
}

.FootInfo {
    padding: 0 var(--spacing-page) 10px;
    border-radius: 0 0 var(--radius) var(--radius);
    margin-top: 0 !important;
    background: var(--Color_Bg_Card_White) !important;
}

#threadlist.sticky {
    padding: var(--padding) !important;
    background: var(--Color_Bg_Card_White) !important;
    border-radius: 0 0 var(--radius) var(--radius) !important;
    margin-bottom: var(--margin) !important;
    padding-top: var(--padding) !important;
}

input,
textarea,
select {
    border-color: var(--Color_Divider) !important;
}

input,
textarea,
select {
    background: var(--Color_Bg_Card_Gray);
}

.p0 {
    padding: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt {
    padding-top: var(--padding) !important;
}

.pb {
    padding-bottom: var(--padding) !important;
}

.m0 {
    margin: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mb {
    margin-bottom: var(--margin) !important;
}

.mt {
    margin-top: var(--margin) !important;
}

.scbar_type_td {
    display: none;
}

.tns th,
.bm_h,
#autopbn,
.bm,
.fl {
    border: none;
}

#autopbn {
    display: none;
}

.tedt .bar {
    background: var(--Color_Bg_Input);
}



.pipe {
    color: transparent !important;
    margin: 0;
}

#pt {
    display: none;
}

.slideshow img {
    border-radius: var(--radius);
}

/* 导航栏 */
#hd {
    background: var(--Color_Bg_White);

    position: sticky;
    top: 0;
    z-index: 97;
    box-shadow: 0px 16px 20px 0px rgb(14 17 51 / 1%);
}

#controlpanel {
    z-index: 99;
}

#nv_ph {

    top: 0;
    left: 0;
    z-index: 96;
    width: 100%;
    height: 60px;
    background: var(--Color_Pc_Header_Bg);
    -webkit-backdrop-filter: var(--Pc_Header_Bg_Filter);
    backdrop-filter: var(--Pc_Header_Bg_Filter);
}

#nav {
    display: flex;
    align-items: center;
    padding: 0 var(--padding);
    overflow: hidden;
    height: 60px;
    width: var(--page-width) !important;
    justify-content: space-between;
    margin: 0 auto;
    background: var(--Color_Bg_Card_White);
}

.nv_ul {
    display: flex;
    align-items: center;
    flex: 1 1;
    white-space: nowrap;
    margin: 0 20px;
}

#nav #um {
    padding: 0;
    line-height: unset;
}

#nav #um .avt {
    margin: 0;
}

#nav #um .avt img {
    padding: 0;
    border: 2px solid;
    border-color: #FFF #f5f6fa #f5f6fa #FFF;
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}

.nv_logo img {
    max-width: 84px;
    height: 36px;
    object-fit: cover;
}

.nv_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nv_right_item {
    display: flex;
    align-items: center;
    height: 60px;
    margin: 0 10px;
    position: relative;
}

.nv_right_item_dot {
    position: absolute;
    top: 16px;
    font-size: 10px;
    left: 12px;
    background: var(--Color_Primary);
    color: var(--Color_White);
    border-radius: 500px;
    vertical-align: middle;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

.nv_right_item span {
    font-size: 22px;
    color: var(--Color_Btn_Black);
    opacity: 0.8;
}

.nv_right_item:hover {
    opacity: 1;
}

#qmenu {
    float: none;
    display: flex;
    margin: 0 10px;
    padding: 0;
    width: unset;
    height: 60px;
    background: unset;
    line-height: unset;
    text-align: center;
    color: unset;
    font-weight: unset;
    overflow: hidden;
}

#qmenu::after {
    display: none
}

img,
svg {
    vertical-align: middle;
}

.p_pop,
.p_pof,
.sllt {
    border: none;
    box-shadow: 11px 10px 38px 0 rgb(46 63 99 / 15%);
    list-style-type: none;
    margin: 0;
    padding: 12px 6px;
    border-radius: 6px;
    background: var(--Color_Bg_White);
}

.menunavs .p_pop {
    top: 60px !important;
}

#hd .wp {
    padding: 0;
}

.publishBtn {
    width: 50px;
}

#nav li {

    padding: 0;
    height: 60px;
    line-height: 60px;
    background: unset;
    font-weight: 400;
    font-size: 16px;
}

#nav li a {
    padding: 0 var(--padding);
    height: 60px;
    position: relative;
}

#nav li a span {
    display: none;
}

#nav li.a a {
    font-weight: 600;
    font-size: 18px;
}

#diy-tg {
    margin: 0;
    height: 18px !important;
    font-size: 14px;
    background-position: 100%;
}

/* 发布按钮 */
#newspecial,
#newspecialtmp,
#post_reply,
#post_replytmp {
    display: none;
}

.pgsbtn {

    /* bottom: 120px;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: fixed!important;
    z-index: 999!important; */
    cursor: pointer;
    border-radius: 500px !important;
    font-size: 14px !important;
    min-width: 68px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Color_White) !important;
    background-color: var(--Color_Primary) !important;
    text-align: center;
}

.pgsbtn:hover {
    background: var(--Color_Primary);
}

.pg_follow .pnpost,
.pg_follow .pnpost label {
    display: flex;
    align-items: center;
}

.forum_list_count_num {
    font-size: 13px;
    font-weight: 700;
    color: var(--Color_Text_1);
}

/* 论坛首页 */

.bmw .bm_h a {
    color: var(--Color_Text_2);
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    opacity: 0.6;
}

.fl_g {
    vertical-align: top;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.fl_g dt {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}

.fl_g dl {
    margin-left: 0 !important;
}

.fl {
    background: unset;
}

.bm_c {
    padding: 0;
}

.fl .bm {
    margin-bottom: 10px;
    border: none;
}

.fl .bm_h {
    padding: 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: var(--Color_Text_2);
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
}

.fl_row td {
    border: none;
}

.BoardIcon_boardIcon,
.nv_logo img,
.fl_icn,
.fl_icn_g,
.fl_g img,
.fl_icn img,
.fl_g svg,
.fl_icn svg {
    -webkit-mask-image: url(../image/board-icon-mask.svg);
    mask-image: url(../image/board-icon-mask.svg);
    -webkit-mask-repeat: round;
    mask-repeat: round;
    border: unset;
}

/* 瀑布流 */

.waterfall li,
.waterfall li a img {
    border-radius: var(--radius);
    overflow: hidden;
    border: none;
}

.waterfall .c,
.waterfall h3,
.waterfall .auth {
    border: none;
    background: var(--Color_Bg_Gray);
}

/* 分栏 */
.mifans-main {
    display: flex;
    background-color: var(--Color_Bg_Gray);
    margin-top: var(--margin);
}

.mifans-main .mifans-main-column {
    display: flex;

}

.mifans-main .mifans-right-column {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    margin-left: var(--margin);
    position: relative;
}

#indexleft {
    width: 712px;
}

#indexright,
#threadright,
#threadauth {
    width: 300px;
}

.ContainTitleCard_titleCard {
    padding: 10px 20px;
    background-color: var(--Color_Bg_Card_White);
    border-radius: 9px;
    margin-bottom: 20px
}

.ContainTitleCard_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px
}

.ContainTitleCard_titleName {
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    color: var(--Color_Text_1)
}

.ContainTitleCard_refresh {
    font-weight: 400;
    font-size: 13px;
    color: var(--Color_Text_1);
    opacity: .5;
    cursor: pointer
}

.component_content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px
}

.component_item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 55px;
}

.component_imgStyle {
    width: 32px;
    height: 32px;
    margin-bottom: 8px
}

.component_imgStyle span {
    font-size: 30px;
}

.component_imgStyle>img {
    width: 100%;
    height: 100%
}

.component_des {
    font-size: 13px;
    color: var(--Color_Text_1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ListCard_item {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px 0;
    font-size: 16px;
    line-height: 22px;
}

.ListCard_index {
    color: var(--Color_Text_3);
    min-width: 12px;
    margin-right: 10px;
    text-align: center;
}

.ListCard_index1,
.ListCard_index2,
.ListCard_index3 {
    color: var(--Color_Btn_Primary);
}

.ListCard_content {
    color: var(--Color_Text_1);

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* diy样式 */
.block,
.frame,
.frame-tab,
.tab-title {
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
}

.block img,
.frame img,
.frame-tab img {
    overflow: hidden;

}

.module_title {
    cursor: pointer;
    font-weight: 600;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    display: flex;
    align-items: center;
    color: var(--Color_Text_1);
}

.mls li {
    padding: 0 0 12px;
    width: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mls img {
    border-radius: var(--radius);
    object-fit: cover;
}

.tl .o {
    display: none;
}

/* 轮播图 */
.slideshow span.title {
    padding: 0;
    width: 100%;
    bottom: 0;
    border-radius: 0 0 var(--radius) var(--radius);
}

.slidebar {
    display: none;
}

/* tab */
.frame-tab .tb {
    padding-left: 0;
    border: none;
}

.frame-tab .tb .a a {
    color: var(--Color_White);
    background: var(--Color_Primary);
}

.frame-tab .tb li a {
    border-radius: 0 0 var(--radius) var(--radius);
    height: 28px;
    border: none;
    line-height: 28px;
    margin-right: 8px;
}

.frame-tab .tb-c {
    padding: 10px 0 0 0;
}

.tb li {
    margin: 0;
}

.ct2 .mn {
    width: 712px;
    margin-bottom: 0;

}


.ct2 .sd {
    width: 300px;
    margin-top: 0;
}



#hd .fastlg {
    display: flex;
    align-items: center;
    line-height: unset;
    flex-direction: row-reverse;
    padding-top: 0;
}

#hd .fastlg .pns {
    margin-bottom: 0;
}


/* diy */

/* app下载 */
.DownCard_downloadCard {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}

.DownCard_downloadCard .DownCard_logo {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
}

img.lazyload-img_lazyloadImg {
    object-fit: cover;
    max-width: 100%;
}

.lazyload-img_lazyloadImg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.DownCard_downloadCard .DownCard_right {
    margin-left: 16px;
}

.DownCard_downloadCard .DownCard_right .DownCard_title {
    font-weight: 600;
    font-size: 16px;
    color: var(--Color_Text_1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px;
}

.DownCard_downloadCard .DownCard_right .DownCard_detail {
    font-size: 12px;
    color: var(--Color_Text_2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.DownCard_rightImg img {
    width: 44px;
    margin-left: 12px;
}

/* 搜索条 */
#scbar {
    overflow: hidden;

    border: none !important;
    margin: 0 !important;
    background: transparent;
}

.search_bar {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}

.scbar_txt_td {
    width: 70%;
}

#scbar_txt,
#scbar_type {
    width: 100%;
    background: var(--Color_Bg_Card_Gray);
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    border: none;
    border-radius: 90px;
    padding: 8px 0;
    padding-left: 12px;
}

#scbar_type {
    border-radius: 0 90px 90px 0;
}

.scbar_btn_td {
    width: 58px;
    margin-left: 20px;
}

#scbar_btn {
    margin-left: 20px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: 58px;
    border-radius: 90px;
    background: var(--Color_Primary);
}

#scbar_btn:before {
    display: none;
}

#scbar_btn .xi2 {
    padding: 0;
    color: var(--Color_White);
    line-height: 30px;
}

.scbar_txt_td,
.scbar_btn_td {
    background: none;
}

.bm_h {
    padding: 0;
}

/* 推荐版块 */
.ContainTitleCard_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
}

.ContainTitleCard_titleName {
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    color: var(--Color_Text_1);
}

.ContainTitleCard_refresh {
    font-weight: 400;
    font-size: 12px;
    color: var(--Color_Text_1);
    opacity: .5;
    cursor: pointer;
}

.RecommendCircle_content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    overflow: hidden;
    justify-content: space-around;
}

.RecommendCircle_item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 62px;
    margin-bottom: 20px;
}

.BoardIcon_imgWrapper {
    font-size: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.RecommendCircle_imgContain {
    width: 40px;
    height: 40px;
    margin-bottom: 6px;
}

.RecommendCircle_des {
    font-size: 12px;
    line-height: 16px;
    color: var(--Color_Text_1);
    max-width: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 版块列表页 */
.domi_replays {
    height: 45px;
    min-width: 45px;
    max-width: 45px;
    background: var(--Color_Primary_100);
    color: var(--Color_Primary);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.domi_replays.zero {
    background: var(--Color_Black_50);
    color: var(--Color_Text_2);
}

.domi_auth em,
.domi_auth em a {
    color: var(--Color_Text_2);
}

.bmw .bm_h {
    background: transparent;
    border: none;
}

#threadlist {
    background: var(--Color_Bg_White);
}

#threadlist.tl .tf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}

.pg_forumdisplay .mn {
    margin-top: var(--margin);
}

.thread_item .avatar img {
    display: inline-block;
    height: 50px;
    width: 50px;

    background: #f7f9fa;
    border-radius: 50%;
    vertical-align: top;
    cursor: pointer;
}

.thread_item .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 12px;

}

.thread_item .content .meta-box {
    margin-top: 12px;
    font-size: 12px;

    display: flex;
    justify-content: space-between;
    width: 100%;
}

.meta-box .name {
    color: var(--Color_Text_2);
    margin-right: 4px;
}

.meta-box .time {
    color: var(--Color_Text_2);
    margin-left: 4px;
    margin-right: 12px;
}

.meta-box .count-group {
    font-size: 12px;
    color: var(--Color_Text_2);
    font-weight: 400;
    line-height: 17px;
}

.meta-box .count-group .action-list,
.meta-box .count-group .action-list li {
    display: inline-block;
}

.meta-box .count-group .action-list,
.meta-box .count-group .action-list li {
    display: inline-block;
}

.meta-box .count-group .action-list .count {
    margin-right: 10px;
    vertical-align: text-top;
    font-size: 12px;
    color: var(--Color_Text_2);
}

.vwthd_sm {
    margin-left: 12px;
}

.HeadInfo_summary {
    display: flex;
    align-items: center;
    margin: 10px 0 15px 0;
    justify-content: space-between;
}

.BoardIcon_imgWrapper {
    font-size: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.HeadInfo_boardLogo {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    margin-right: 10px;

    object-fit: cover;
}


.HeadInfo_title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
    color: var(--Color_White);
}

.HeadInfo_summary .ico_increase,
.ico_fall,
.HeadInfo_summary a {
    color: var(--Color_White);
}

.HeadInfo_rules {
    color: var(--Color_White);
    font-size: 13px;
}

.JoinCircleBtn {
    width: 58px !important;
    height: 28px !important;
    padding: 0 6px;
    border-width: 1px;
    border-radius: 14px;
    color: var(--Color_Black) !important;
    background-color: var(--Color_White);
    font-size: 13px;
    line-height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: 400 !important;
}

.domi_post {
    border: 1px solid #fff;
    padding: 3px 12px;
    font-weight: 600;
}

.text-white a {
    color: var(--Color_White);
}

.thread_item {
    padding: 16px 0;
}

.pg_forumdisplay .common,
.pg_forumdisplay .lock {
    width: 100%;
    position: relative;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;


}



.pg_forumdisplay .new {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
}

.common img {
    max-height: 21px;
}

.closeprev {
    margin: 0;
    margin-left: 8px;
}

#thread_types.ttp a,
#thread_types.ttp strong {
    flex: none;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    color: var(--Color_Text_2);
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
    padding: 0 10px;
    margin: 0;
}

.ttp a,
.ttp strong {
    background: var(--Color_Bg_White);
}

.pg_forumdisplay #thread_types {
    background-color: var(--Color_Bg_White);
    flex-shrink: 0;
    position: relative;
    height: 50px;
    display: flex;
    overflow-x: auto;
    padding: 0;
    margin: 0 -10px;
}

.ttp .a a {
    color: var(--Color_Text_1) !important;
    font-weight: 700;
    border: none;
    background: transparent;
}

.ttp .a a:hover {
    background-color: transparent;
}

.ttp li {
    padding-bottom: 0;
}

.ttp a:hover {
    border: none;
    color: var(--Color_Text_1);
    opacity: 0.8;

}

.ttp .num {
    display: none;

}

.pg_forumdisplay .ct2 .sd {
    margin-top: var(--margin);
}

.tl .icn {
    padding: 0;
}

.p_pop a {
    border: none
}

.Filter {
    display: inline-flex;
    height: 26px;
    border-radius: 16px;
    padding: 4px;
    align-items: center;
    background-color: var(--Color_Bg_Card_Gray);
}

.Filter_item {
    padding: 6px 8px;
    box-sizing: border-box;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    border-radius: 13px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: var(--Color_Text_2);
    cursor: pointer;
}

.Filter_item.xi2 {
    color: var(--Color_Text_2);
    font-size: 13px;
    font-weight: 400;
}

.Filter_item.xw1 {
    font-weight: 600;
    font-size: 14px;
    color: var(--Color_Text_1);
    background-color: var(--Color_Bg_White);
}

.tl th a:visited,
.tl td.fn a:visited {
    color: unset;
}

.tl .tpin::before {
    font-size: 12px;
    padding-top: 2px;
}

#f_pst .bm_c {
    padding: 0;
}

#f_pst {
    margin-top: var(--margin);
}

.pg_forumdisplay .sticky {
    margin: 0 var(--spacing-page);
    margin-bottom: 12px;

}

.pg_forumdisplay .sticky:last-of-type {
    padding-bottom: var(--padding);
    border-bottom: 1px solid var(--Color_Gray_300);
}

.pg_forumdisplay .sticky:first-of-type {
    padding-top: var(--padding);
}

.sticky .icn {
    padding: 0;
    width: 42px;
    text-align: center;
    padding-right: 10px;
}

.sticky .tpin {

    background-color: var(--Color_Primary_100);
    color: var(--Color_Primary);
    display: inline-block;
    border-radius: 6px;
    width: 26px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 400;
}


.card_gender_0 {
    background: transparent;
}

.card .o a {
    background: var(--Color_Bg_Card_Gray);
}

.nomal .xst {

    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sticky .xst {


    color: var(--Color_Text_1);
    font-size: 14px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-y: hidden;
    line-height: 1.2;
}

.CardTop_cardTop {
    justify-content: space-between;
    position: relative;
    padding-bottom: .625rem
}

.CardTop_cardTop,
.CardTop_cardTop .CardTop_leftBar {
    display: flex;
    align-items: center
}

.CardTop_cardTop .CardTop_leftBar .CardTop_icon:active {
    -webkit-animation: CardTop_opacityClickDown .3s ease-out forwards;
    animation: CardTop_opacityClickDown .3s ease-out forwards
}

@-webkit-keyframes CardTop_opacityClickDown {
    to {
        opacity: .6
    }
}

@keyframes CardTop_opacityClickDown {
    to {
        opacity: .6
    }
}

.CardTop_cardTop .CardTop_leftBar .CardTop_userInfo {
    margin-left: .625rem
}

.CardTop_cardTop .CardTop_leftBar .CardTop_userInfo .CardTop_topInfo {
    display: flex;
    align-items: center;
    height: 1.1875rem
}

.CardTop_cardTop .CardTop_leftBar .CardTop_userInfo .CardTop_topInfo .CardTop_userName {
    max-width: 8.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--Color_Text_1)
}

.CardTop_cardTop .CardTop_leftBar .CardTop_userInfo .CardTop_topInfo .CardTop_userName.CardTop_wider {
    max-width: 10.625rem
}

.CardTop_cardTop .CardTop_leftBar .CardTop_userInfo .CardTop_topInfo .CardTop_level {
    margin-left: .25rem
}

.CardTop_cardTop .CardTop_leftBar .CardTop_userInfo .CardTop_bottomInfo {
    line-height: .9375rem;
    color: var(--Color_Text_2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CardTop_cardTop .CardTop_followBtn {
    min-width: 3.5rem
}



@keyframes CardTop_fadeUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes CardTop_fadeDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes CardTop_fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes CardTop_fadeOut {
    0% {
        opacity: 1
    }

    to {
        visibility: hidden;
        opacity: 0
    }
}

@keyframes CardTop_fadeUpIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40%);
        transform: translateY(40%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width: 670px) {
    .CardTop_cardTo .CardTop_leftBar .CardTop_userInfo .CardTop_topInfo .CardTop_userName {
        max-width: unset !important
    }
}

/* 悬浮按钮 */

#scrolltop a {
    color: var(--Color_Text_1);
    background: var(--Color_Bg_White);
}




/* 帖子详情页 */
.UserCard_userCard {
    width: 260px;
    height: 280px;
}

.UserCard_user {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.UserCard_userCard th {
    padding: 0 var(--padding);
}

.UserCard_userCard .xi2 {
    font-weight: 600;
    font-size: 20px;
    color: var(--Color_Text_1);
}

.UserCard_name {
    font-weight: 600;
    font-size: 16px;
    color: var(--Color_Text_1);
    margin-top: 10px;

}

.fwinmask {
    border-radius: var(--radius);
}

a.pn {
    color: var(--Color_Text_1) !important
}

.addnew,
.pnc,
a.pnc,
.pns .pn {
    border-color: var(--Color_Primary) !important;
    background-color: var(--Color_Primary) !important;
    color: var(--Color_White) !important;
    border-radius: 25px;

}

.addnew {
    padding: 0 6px;
}

.addnew:before {
    display: none !important;
}

.pi {
    padding: 12px 0;
}

.plc {
    padding: 0 12px;
}

.trdc {
    background: var(--Color_Primary);
    border-radius: 4px 4px 0 0;
}

.spvimg {
    border-radius: 8px;
    overflow: hidden;
}

.pi strong a {
    border: none;
    opacity: 0.6;
}

.t_fsz {

    min-height: 30px;
}

.attach_tips {
    color: #333;
}

.plhin {
    background: var(--Color_Bg_Card_Gray);
    border-radius: var(--radius);
}

#postlist div:first-of-type .plhin {
    background: unset;
    border-radius: unset;
    margin-bottom: unset;
}

.pgs #post_reply,
.pgs #post_replytmp {
    display: none;
}

.t_fsz img {
    object-fit: fill;
}

#vfastpost {
    padding: 8px;
    border-radius: 8px;
}

#vfastpost #vf_m input {
    border-radius: 6px;
}

#vfastpost #vf_b button {
    box-shadow: unset;
    border: none;
    font-size: 16px;
}

#threadauth .avatar {
    text-align: center;
}

#threadauth .authcard {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#threadauth .authcard .tns {
    padding: 12px 0;
}

#threadauth .authcard .pi {
    border: none;
    margin: 0
}

#threadauth .authcard .authi {
    display: flex;
    justify-content: center;
}

#threadauth .authcard .xl2 li {
    width: unset
}

#threadauth .authcard .authinf {
    display: flex;
    justify-content: space-around;
    width: 80%;

}

#threadauth .authcard .tns {
    width: 100%;
}

#threadauth .authcard .tns th,
#threadauth .authcard .tns td {
    min-width: 60px;
    color: var(--Color_Text_2);
}

#threadauth .authcard .tns th p,
#threadauth .authcard .tns td p {
    display: inline-block;
    font-weight: 600;
    margin-right: 4px;
    margin-left: 20px;
    font-size: 20px;
    color: var(--Color_Text_1);
}

#threadauth .authcard p {
    margin: 6px 0;
}

#threadauth .authcard .pil {
    display: flex;
    align-items: center;
}

#threadauth .authcard dt {
    margin-left: 8px;
}

#threadauth .authcard dd {
    margin-left: 4px;
    opacity: 0.8;
}

#threadauth .authcard .addflw,
#threadauth .authcard .pm2 {
    background: var(--Color_Black);
    padding: 4px 16px;
    display: flex;
    border-radius: 4px;

    align-items: center;
}

#threadauth .authcard .pm2 {
    background: var(--Color_Primary);
}

#threadauth .authcard .addflw a,
#threadauth .authcard .pm2 a {
    color: var(--Color_White);
}

.avtm img {
    width: 80px !important;
    height: 80px;
    border-radius: 50%;
    box-shadow: unset;
}

#ct {
    min-height: calc(100vh - 160px);

}

#p_btn a,
#vfastpost {
    background: var(--Color_Bg_Input);
}

#vfastpost #vf_b button {
    background: var(--Color_Bg_Card_Gray);
    color: var(--Color_Text_1) !important;
    text-shadow: unset;
    border-radius: 4px;
}

/* 个人中心 */
.tdats .tfxf {
    width: 30%;

}

.ct2_a .mn {
    width: 858px;
    padding: 0 !important;
}

.appl {

    background: var(--Color_Bg_Card_Gray);
    border-radius: var(--radius);
}

.tbn .mt {
    margin-top: 0 !important;
}

.tbn li,
.tbn li.a {
    border: none;
}

.tbn li.a {
    border-radius: 0 25px 25px 0;
    margin: 0 var(--margin) 0 0;
    font-weight: 600;
    background: var(--Color_Bg_Card_White);
}

.tl .th {
    background: var(--Color_Bg_Card_Gray);
}

.tl tr:hover th,
.tl tr:hover td {
    background: var(--Color_Bg_Card_Gray);
    opacity: 0.8;
}

.ct2_a .tb {
    padding-left: 0;
}

.buddy li,
.bmn {
    border-radius: var(--radius);
}

.buddy li,
.pn,
#flw_header .bar,
.sl .h,
.exfm {
    background: var(--Color_Bg_Card_Gray);
    border: none;
}

.ad .pls {
    height: unset;
}

.pls {
    display: none;
}

.vwthd {
    padding-left: var(--padding);
}

/* 发帖页面 */
.exfm table td.xw1 {
    width: 60px;
}

#e_simple,
#e_fullswitcher {
    background: none !important;
}

.edt .bar a {
    border-color: var(--Color_Bg_Card_White) !important;
}

.scbar_hot_td {
    display: none;
}

.tb {
    border-bottom: 1px solid var(--Color_Primary);
}

.tb a {
    border-radius: 12px 12px 0 0;
    border: none;
}

.tb .a a,
.tb .current a {
    background: var(--Color_Primary) !important;
    color: var(--Color_White);
    border: none;
    opacity: 0.9;
}

.right_post {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.right_post .item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.right_post .item img {
    margin-bottom: 8px;
}

/* 门户 */
.vw .ph {
    color: var(--Color_Text_1);
}

.vw .d {
    color: var(--Color_Text_2);
}

.edit-menu {
    background: var(--Color_Bg_Card_Gray) !important;
}

.wallet-topinfo {
    font-size: 18px;
    line-height: 32px !important;
}

/* 勋章中心 */

.pg_medal .mgcl {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pg_medal .mgcl li {
    float: left;
    width: auto;
    height: 130px;
    text-align: center;
}

.pg_medal .mg_img {
    width: 60px;
    height: 60px;
    vertical-align: middle;
    box-shadow: unset;
    background-image: none;
}

.pg_medal .mgcl img {
    max-width: 40px;
    max-height: 40px;
}

.fastlg_fm a img {
    height: 22px;
    width: 22px;
}

.fastlg_fm .xg1 {
    display: none;
}

.fastlg_fm {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
}

#hd .fastlg .pns {
    margin: 0 12px !important;
}

.authi a img.vm {
    height: 16px;
    margin-left: 3px;
}

.md_ctrl img {
    max-width: 32px;
    max-height: 32px;
    margin: 0 3px;
}

/* footer */
#ft {
    padding: 10px 0 50px;
    line-height: 24px;
    font-size: 12px;
    color: var(--Color_Text_3);
    max-width: 1032px;
    margin: 0 auto;
}

#ft a {
    color: var(--Color_Text_2);
}

#nv_portal.pg_index #ft {
    max-width: 1200px;
}

/* 我的页面 */
.uploadform,
.alt,
.alt th,
.alt td {
    background: var(--Color_Bg_Gray);
}

.dt th {
    background: var(--Color_Bg_Gray);
}

.tdats th,
.tdats td {
    border-color: transparent;
}

#uhd {
    padding: 0;
    border: none;
    background: unset;
    border-radius: var(--radius) var(--radius) 0 0;
}

.ct1 {
    padding: 8px;
}

.ct1,
#uhd .tb .a a {
    border: none;
}

.domimobile {
    display: none;
}

/* 道具 */
.mg_img {
    box-shadow: none;
}

.tb .o {
    margin: 0;
    border: none;
    background: var(--Color_Btn_Primary)
}

.tb .o,
.tb .o a {
    color: var(--Color_White);
    background: var(--Color_Btn_Primary)
}

.tb_h {
    background: transparent;
}

/* 家园sns */
.ct3_a .appl {
    display: none;
}

.ct3_a .mn {
    margin-left: 0;
    width: auto;
    float: none;
}

/* 群组 */
#g_commend .xld {
    width: 33%;
}

#livethread {
    background: var(--Color_Bg_Card_Gray) !important;
    border-top: none;

}

#livereplycontentout,
#livefastreply {
    background: var(--Color_Bg_Card_White) !important;
}

#nv_group .tl .th {
    background: var(--Color_Bg_Card_Gray);
}

.livethreadtitle a {
    color: var(--Color_Text_1);
    font-weight: 600;
    font-size: 16px;
}

#nv_group #newspecial,
#nv_group #post_reply,
#nv_group #post_replytmp {
    display: block;
}

.fl_tb td {

    margin: 6px 0;
}

@media (max-width:1199.98px) {
    .nv_ul {
        position: fixed;
        /* display: none; */
        bottom: 0;
        left: 0;
        background-color: var(--Color_Bg_Card_White);
        width: 100vw;
        padding: 0;
        border-radius: 20px 20px 0 0;
        margin: 0;
        overflow: hidden;
        justify-content: space-between;
    }

    html {
        --page-width: 960px;
    }

    .waterfall li a img {
        width: auto !important;
        max-width: 100% !important;
    }

    .pg_faq .ct2_a,
    .pg_medal .ct2_a,
    .pg_magic .ct2_a {
        flex-direction: column-reverse;
    }

    #seccheck_reply .p_pop,
    #fwin_content_comment .p_pop {
        top: unset !important;
        bottom: 12px;
        left: unset !important;
        right: 12px;
    }

    .menunavs .p_pop {
        position: fixed !important;
        bottom: 60px !important;
        top: unset !important;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    #indexleft {
        margin: 0 auto;
    }

    .ct3_a .sd {
        display: none;
    }

    .ct3_a .avatar img {
        width: 40px;
        height: 40px;
        border-radius: 500px;
    }

    .ct3_a .moodfm_input {
        width: unset
    }

    .ct3_a #mood_mystatus {
        width: unset;
    }

    /* diy */
    .frame-1-1-r,
    .frame-1-1-1-r,
    .frame-2-1-r,
    .frame-1-2-r,
    .frame-3-1-r,
    .frame-1-3-r {
        float: none !important;
    }

    .frame-1-1-l,
    .frame-1-1-r {
        width: 100%;

        margin: var(--margin) 0;
    }

    .mifans-main {
        margin-bottom: var(--margin);
        width: var(--page-width);
        overflow: hidden;
        flex-direction: column;
        align-items: center;
    }

    .mifans-main .mifans-right-column {
        display: none;
    }

    #indexright {
        height: 330px;
        overflow: hidden;
    }

    .ListCard_item {
        line-height: 20px;
    }


    .ct2 .sd {
        width: auto;
    }

    .sm_psr {
        position: relative;
    }

    .sm_psa {
        position: absolute;
    }

    .pipe {
        margin: 0 2px !important
    }

    .tb a {
        padding: 0 6px !important;
    }

    /* fl_g */
    .fl_g {
        width: 49.9% !important;
    }

    .fl_tb td {}

    /* 导航 */
    #um {
        padding: 0 !important;

    }



}

@media (max-width: 991.98px) {
    html {
        --page-width: 760px;
    }

    #indexright {
        display: none;
    }


}

@media (max-width: 767.98px) {
    html {
        --page-width: 560px;
    }

    #scrolltop a {

        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    #indexleft,
    .ct2 .mn {
        width: 100% !important;
    }
}

@media (max-width:575.98px) {
    html {
        --page-width: auto;
    }

    .profile_node .tns.xg2 {
        display: none;
    }

    .RecommendBoards_item {
        width: calc(100vw - 24px) !important;
    }


    .nv_right_item {
        margin: 0 6px;
    }

    .closeprev {
        display: none;
    }

    .sticky .common {
        width: 86%;
    }

    .thread_item .content .meta-box {
        margin-top: 4px;
    }

    .meta-box .times {
        display: none;
    }

    /* 悬浮按钮 */



    #scrolltop a:before {
        font-size: 18px;
        line-height: 26px;
    }



    .mifans-main {
        flex-wrap: wrap;
    }

    #indexleft {
        width: 660px var(--page-width);
    }

    #indexright {
        height: 230px;
        overflow: hidden;
    }

    .ListCard_item {
        line-height: 20px;
    }

    .slideshow li {
        width: 100vw !important;
        height: 50vw !important;
    }

    .slideshow img {
        object-fit: cover;
        width: 100vw !important;
        height: 50vw !important;
    }


    /* 登录页面 */

    .duceapp_cv_wrap {
        width: 100% !important;
    }

    .cv_login_imgdiv,
    .domipc,
    .duceapp_cv_scan {
        display: none !important;
    }

    .domimobile {
        display: block !important;
    }

    .cv_login_container {
        float: none !important;
        width: auto !important;

    }

    .duceapp_cv_main {
        width: auto !important;
        margin: 12px !important;
        left: 0 !important;
    }

    .duceapp_cv_register .tab_regtype {
        top: -60px !important;
    }

    .login_now {
        position: unset !important;
        margin: 12px auto !important;
        text-align: center;
    }

    .login_now a {
        border: none !important;
    }

    .um_item .um_label {
        width: 88px !important;
        padding: 0 8px !important;
        text-align: left !important;
    }

    .um_item .um_input {
        padding-left: 8px;
    }
}

.wp {
    width: var(--page-width) !important;
}

.postcard {
    position: sticky;
    top: 62px;
    z-index: 99;
}

.p {}

.r-box-btn {
    display: block;
    margin: 0 auto 7px;
    width: 210px;
    height: 40px;
    font-size: 18px;
    color: var(--Color_White);
    line-height: 40px;
    text-align: center;
    background: var(--Color_Primary);
    border: none;
    border-radius: 20px;
}

.mkclearfix {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mkclearfix .pob {
    line-height: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 12px;
}

.mkclearfix .pob:hover {
    opacity: .6;
    text-decoration: none;
}

.mkclearfix .pob i {
    font-size: 22px;
    font-weight: 500;
}

.sign img {
    width: auto !important;
}


#nv_portal.pg_portalcp .mn .bm.bw0,
#nv_forum.pg_misc .mn .bm.bw0 {

    padding: var(--padding) !important;
    background: var(--Color_Bg_Card_White) !important;
    border-radius: var(--radius) !important;
    margin: var(--margin) 0 !important;
}

.pg a.nxt,
.pg a.prev,
#p_btn i,
.p_right {
    background-image: none !important;
}

#postlist {
    background: linear-gradient(to bottom, var(--Color_Bg_Card_White) 150px, transparent 150px) !important;
    border-radius: var(--radius);
    padding-top: var(--padding);
    margin: 0;
}

.vw .d img {
    max-width: 100%;
}

.pg_tag #wp.wp {
    padding: var(--padding) !important;
    background: var(--Color_Bg_Card_White) !important;
    border-radius: var(--radius) !important;
    margin-top: var(--margin) !important;
}

#modmenu {
    padding: 0 12px;
}

.news_lb {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.news_left img {
    width: 120px;
    height: 90px;
    margin-right: 12px;
}

.news_right .list_title {
    color: var(--Color_Text_1);
    font-size: 16px;
    font-weight: 500;
}

.news_right .desc {
    color: var(--Color_Text_2);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    height: 38px;
    overflow: hidden;
    margin: 6px 0;
}

.news_right .xs2 {
    color: var(--Color_Text_2);
    font-size: 14px;
    font-weight: 500;
}

.pi .replystick {
    display: inline-block;
    background: #F05537;
    color: #FFF;
    padding: 0 3px;
}