/* -----------------------------------------------------------------



The Whole CSS written by Elecom.

(C) Elecom Inc.

Annoucement here,Copyright

Shenzhen.Eleccom Technology.使用原代码请联系作者QQ: 2300184378 / 2021-10-19 20:00:06



---------------------------------------------------------------------------------------*/



.ttp a { border-color: #E2E2E2}

.ttp a:hover { color: #66a9ff; border-color: #66a9ff}

.ttp .a a { color: #FFFFFF; font-weight: 400; background: #66a9ff; border-color: #66a9ff}

.logo { transition: all 0.5s ease 0s}

.logo img { transition: all 0.5s ease 0s}

.navfixed {

    width: 100%;

    position: fixed;

    left: 0;

    top: 0;

	margin: 0

}

.navfixed .logo {

    width: 100px;

    top: 5px;

    margin-left: -50px;

    z-index: 2;

}

.navfixed .logo img {

    width: 100px;

    height: auto;

}

.header1 { display: none}

.headerx {

	display: none;

    z-index: 9999;

    height: auto;

    overflow: visible;

    position: fixed;

    top: 0;

    background: #FFFFFF;

    box-shadow: none;

}

#body_overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 120%;

    background: rgba(0,0,0,.6);

    z-index: 10000;

    display: none;

}

.header1 .menu {

    position: fixed;

    right: -200px;

    transition: all 0.5s ease 0s;

    height: 100%;

    top: 0;

    padding-top: 40px;

    border: 0 !important;

    background: #1a1a1a;

    width: 200px;

    max-width: none !important;

    z-index: 10000;

}

.header1 .menu.on {

    right: 0 !important;

}

.ct2_a .avt img { border-radius: 50%; border: 0; padding: 0; box-shadow: none}

.menu ul {

    float: none !important;

    height: auto !important;

    width: 100%;

    margin: 0 auto;

}

.header1 .menu ul li {

	float: left;

	margin: 0;

    position: relative;

    height: auto !important;

    font-size: 16px;

    width: 100%;

    line-height: 40px;

    border-bottom: 1px solid rgba(255,255,255,.03);

    padding: 0;

    text-align: left;

}

.header1 .menu ul li span { display: none}

.header1 .menu ul li a {

	display: inline-block;

	width: 100%;

    font-size: 16px !important;

    float: none !important;

    padding: 0 0 0 20px;

    height: 40px;

    line-height: 40px;

    color: #A6A6A6;

}

.headerx { width: 100%}

.headerx .logo {

    padding: 0;

    margin: 0 !important;

    width: auto;

}

.headerx .section1x {

	max-width: 1200px;

    margin: 0;

    width: 100% !important;

}

.headerx .logo img {

    height: 56px;

}

.m_menu {

	float: right;

    width: 18px;

    height: 26px;

	margin: 13px 3% 0 0

}

.m_menu em { float: left; width: 18px; height: 2px; display: block; margin-bottom: 4px; background: #AAAAAA}

.nav_slide .h_pop { display: none}



@media (max-width: 800px) {

html, body {

    display: block;

    width: 100%;

    overflow-x: hidden;

}

.beian { padding: 0 3%}

#editorbox, .pg_post #ct.ct2_a { padding: 0 !important}

#e_controls .z { display: none}

.edt .bar { border: 0 !important; background: none !important}

.edt .btn { border: 0 !important}

.simpleedt .bar, .simpleedt .b1r, .simpleedt .b2r { margin-bottom: 8px !important}

.edt .bbar { height: auto !important}

.hykTTu { width: 50% !important}

#fastpostsml_menu.sllt, #fastpostat_menu.upf { left: 3% !important}

.display_none, #spanButtonPlaceholder, .fpd span.pipe, .fpd a:nth-child(3), .fpd a:nth-child(3), .fpd a:nth-child(4), .fpd a:nth-child(4), .fpd a:nth-child(5), .fpd a:nth-child(6), .fpd a:nth-child(9) { display: none}

.pg a, .pg strong, .pgb a, .pg label { margin: 0 2px 4px 2px !important}

.nav-list li { margin: 0 16px 0 0 !important}

.nav-list li:last-child { margin: 0 !important}

.tedt .pt { background: none !important}

.section1x { margin: 0 auto}

.wrap-bg { width: 99% !important; padding: 0 0.5% !important}

.maxWrap .wp.p_manager { width: 100% !important}

.section1x .wp { width: 100% !important; overflow: hidden}

.n_links { display: none}

.search { float: none !important; display: inline-block; width: 88% !important; margin: 0 6% 40px 6% !important}

#scbar { width: 100% !important; border-radius: 38px !important; background: #f8f5f5db}

#scbar table { width: 100%}

#scbar_txt, .scbar_narrow #scbar_txt { width: 95% !important; margin-left: 5% !important}

.scbar_btn_td, #scbar_btn { line-height: 100px; border-radius: 0 38px 38px 0 !important; background: none}

#scbar_btn strong { line-height: 100px !important}

.scbar_txt_td { width: 85% !important}

.scbar_btn_td { width: 15% !important; background: url(search1.png) no-repeat center center}

.hr_280 { height: 80px !important}

.p_manager { text-align: center}

.footer { padding-bottom: 20px !important}

.footer .section1x .left { display: block; width: 100%; text-align: center}

span[data-v-0bacf66c] { width: 100% !important; padding: 0 !important; margin: 10px 0 10px 0; text-align: center !important}

.footer .section1x .right { display: block; width: 100%; margin: 20px 0 0 0; text-align: center}

.footer .section1x .right .down_icon { float: none; display: inline-block}

.footer .section1x .right .home-desk-item[data-v-3c6d2970] { margin: 0 15px !important}

.header1, .headerx { display: block; box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%); background: #323232}

.headerx { height: 40px}

.tpboxx1 { height: 40px}

#dingzhi_nav { display: none}

.tp_box1 { margin-top: 20px !important}

.elec_w1180 { width: 100% !important}

.elec_links { float: none; width: 100%}

.elec_spread {

    float: none;

	text-align: center;

	border: 0;

    padding: 0 50px;

	margin: 30px 0 0 0

}

.elec_spread .elec_weixin, .elec_spread .elec_appft { float: none; display: inline-block}

.elec_spread .elec_weixin, .elec_spread .elec_appft { width: 36%; margin: 0 2% !important}

.elec_spread .elec_weixin img, .elec_spread .elec_appft img { width: 100% !important; height: auto !important}

.elec_fttop { height: auto !important}

.elec_links ul li { width: 33.33% !important; text-align: center}

.elec_contact { float: none; text-align: center; width: 100%; margin: 0 0 20px 0 !important}

.elec_contact p:first-child { margin: 10px 0 10px 0 !important}

.index_right { display: none}

.wp.serch_wp { width: 100%}

.m_left_box { width: 100% !important; margin: 0 0 20px 0 !important; min-height: 100px !important}

.m_left_box1 { position: relative !important; width: 100% !important; min-height: 100px !important; margin: 0 !important; top: 0 !important; left: 0 !important}

.pindao_list li { width: 25% !important; overflow: hidden}

.tabBar .hd { position: relative !important}

.index_left { width: 100% !important}

.banner_l { float: none !important; width: 100% !important; height: 190px !important}

.banner_r { float: none !important; width: 100% !important; display: none !important}

.elecom_banner { width: 100% !important; height: 190px !important}

.elecom_banner .pic li { height: 190px !important}

.elecom_banner .pic img { width: 100% !important; height: auto !important}

.tabBar .hd { width: 92% !important; padding: 4% !important; margin-bottom: 20px !important}

.tabBar .hd ul { width: 100% !important}

.tabBar .bd .ui_list { width: 100% !important; padding: 10px 0 0 0 !important; border: 0 !important}

.tabBar .bd .ui_list h3 { padding: 0 !important}

.ui_2_ul_li { width: 100% !important; height: auto !important; padding: 15px 0 !important; margin: 0 !important}

.ui_2_ul_li_imgouter {

    width: 32% !important;

    height: 85px !important;

}

.ui_2_ul_li_imgouter a.fr { display: block; width: 100%; height: 85px}

.ui_2_ul_li_imgouter img { width: 100% !important; height: auto; min-height: 85px; border-radius: 4px}

.ui_2_ul_li_con { width: 65% !important; height: 85px !important}

.ui_2_ul_li_con p { display: none !important}

.ui_2_ul_li_con h3 { width: 70% !important; height: 40px !important; white-space: unset !important; text-overflow: unset !important; font-size: 15px !important; font-weight: 400 !important}

.ui_2_userinfo { bottom: 3px !important}

#to_top { display: none !important}

.ui_2_ul_li .ui_2_userinfo span:last-child { margin: 0 !important}

.friends a[data-v-0bacf66c], span[data-v-0bacf66c] { float: none !important; display: inline-block !important; padding: 0 5px 10px 5px !important}

.friends[data-v-0bacf66c] { max-width: 100% !important; display: block !important; text-align: center !important}



.ct2_a, .ct3_a { box-shadow: none; background: none !important}

.appl { width: 100% !important; margin-bottom: 10px !important; background: #FFFFFF !important}

.ct3_a .sd { display: none !important}

.ct3_a .mn { width: 100% !important; box-sizing: border-box; margin: 0 !important; padding: 0 10px !important; background: #FFFFFF !important}

.mi th { padding: 0 10px 0 0 !important}

.mi td { width: auto !important}

.sp_left { float: left; width: 20% !important}

.sp_right { float: right !important; width: 75% !important}

.mi .avatar img { padding: 0 !important; border: 0 !important; margin: 0 !important; max-width: 100% !important}

.mi .moodfm_input { width: 80% !important; height: 26px !important}

.mi #moodfm textarea { width: 92% !important; height: 26px !important; line-height: 26px !important; padding: 0 3% !important; margin: 0 !important; background: none !important}

.moodfm_btn { width: 17% !important; height: 28px !important; padding: 0 !important; background: #00a6ff !important}

.moodfm_btn button { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; opacity: 1 !important; line-height: 28px !important; width: 100% !important; height: 28px !important; color: #FFFFFF !important; text-align: center !important}

hr.da { border: 0 !important}

#mood_mystatus { display: none !important}

#moodfm { margin: 10px 0 0 0 !important}

.ct3_a .mn .el li { border-bottom: 1px dashed #EEEEEE !important}

.ct3_a .mn .bbda { border-bottom: 1px solid #EEEEEE}

.ct3_a .mn .bbda:last-child { border-bottom: 0 !important}

.ct3_a .mn .tb { border-bottom: 1px solid #EEEEEE}

.ct3_a .mn .tbmu { padding: 8px 10px 8px 0; border-bottom: 1px dashed #EEEEEE}



.ct2_a { position: relative !important}

.ct2_a .mn { float: left !important; width: 100% !important; padding: 10px 10px 0 10px; margin: 95px 0 0 0; box-sizing: border-box; background: #FFFFFF !important}

.ct2_a .appl { float: none !important; width: 100% !important; height: 85px; padding: 10px 10px 0 10px; position: absolute; top: 0; overflow: hidden; box-sizing: border-box}

.ct2_a .tbn h2 { display: none !important}

.ct2_a .tbn li { float: left !important; width: auto !important; height: auto !important; padding: 5px 10px !important; margin: 0 5px 5px 0 !important; border: 0 !important; border-radius: 4px; font-size: 12px !important}

.ct2_a .tbn li:last-child { margin-right: 0 !important}

.ct2_a .tbn li.a { background: #00a6ff !important}

.ct2_a .tbn li.a a { color: #FFFFFF !important}

.ct2_a .tbn ul a { height: auto !important; line-height: normal !important}

.ct2_a .tfm th { width: 26% !important}

.ct2_a .tfm .pt, .ct2_a .tfm .px { width: 100%; padding-right: 10px; box-sizing: border-box}

.ct2_a .tfm .px { height: 22px !important}

.ct2_a .tdats .tdat { width: 30% !important}

.ct2_a .tdats .tfxf { width: 70% !important}

.ct2_a .tdats .tfx { display: none !important}

.ct2_a .tdats .tb, .tscr { width: 70% !important}

.ct2_a .tb .y { display: none !important}

.ct2_a .tb { border-bottom: 1px solid #EEEEEE}

.ct2_a .tb li { margin-bottom: 0 !important}

.ct2_a .tb a { font-size: 12px; margin-right: 10px; border-bottom: 0 !important}

.ct2_a .pns .pn { margin: 5px 0 0 0; border: 0}

.ct2_a .biduser { width: 100% !important}

.rank2 .bm_c { width: 100% !important}

.ct2_a .rank2 .xl2 li { width: 100% !important; margin: 0 0 3px 0 !important}

.rank2 .bm_c li span { margin: 2px 0 0 0}

.rank2 .bm_c li a { max-width: 60% !important}

.rank2 .bm_c li em { max-width: 20% !important}

.rank2 .bm_c li em a { max-width: 100% !important}

.ct2_a .bm_h { height: 40px; line-height: 40px; padding: 0}

.ct2_a .bm_h h2 { top: 10px; font-size: 14px}

.notice_app, .notice_interactive, .notice_manage, .notice_mypost, .notice_pm, .notice_system { display: none !important}

.ct2_a .pml dl {

    padding-left: 58px;

    padding-right: 10px;

}

.ct2_a .xlda .m {

    display: inline;

    margin: 8px 0 8px -58px;

}

.ct2_a .nts {

    padding-left: 0;

}

.ct2_a .nts dl {

	padding: 10px 0 10px 65px;

    border-bottom: 1px dashed #EEEEEE

}

.ct2_a .buddy li { width: 100%; height: 80px; box-sizing: border-box; margin: 10px 0 0 0}

.friend_box { width: 100%; padding: 0 !important}

.friend_box_right { display: none !important}

.whole_boxx { width: 100% !important}

.zib-widget { padding: 0 !important}

.posts-item { width: 100% !important; box-sizing: border-box; padding: 5px 0 !important; margin: 10px 0 !important}

.post-graphic { margin-right: 10px !important}

.post-graphic { width: 30% !important; height: 65px; border-radius: 4px; overflow: hidden}

#nv_home .item-thumbnail { width: 100%; height: 65px}

#nv_home .item-thumbnail img { width: 100% !important; height: auto !important}

#nv_home .item-body { float: right !important; width: 65% !important; height: 65px !important; margin: 0 !important}

#nv_home .item-meta { width: auto !important; right: 0 !important}

#nv_home .icon-circle { display: none !important}

#nv_home .item-excerpt, #nv_home .item-tags { display: none !important}

.com_head { width: 16% !important; height: 16% !important}

.com_head img { width: 100% !important; height: 100% !important}

.cmt_infos { width: 60% !important}

.cmtboxx y { width: 20% !important}

.mla li, .mlp li { width: 40% !important; padding: 0 !important; margin: 0 5% !important}

.mla .c { width: 100% !important; height: auto !important; background: none !important}

.mla .c a { display: block; width: 100% !important; height: auto !important; padding: 0 !important; overflow: hidden}

.mla img { width: 100% !important; height: auto !important}

.numboxx .ptw.ml.mlp { padding: 0 !important}

.numboxx .tbmu { margin-bottom: 20px}

#pnv .ml li { float: left !important; width: 40% !important; padding: 0 !important; margin: 0 5% !important}

.pic_w_box { padding: 0 !important}

.pic .c img { max-width: 100% !important}

.mlnv a {

    max-width: 60px !important;

    max-height: 40px !important;

    display: inline-block;

    margin-right: 10px !important;

	margin-bottom: 10px !important;

    overflow: hidden;

}

.mlnv a.btn { padding: 10px !important}

.blog_list_box { padding: 0 15px !important}

.display_none { display: none !important}

.space_boxs1 { padding: 10px 15px !important}

.pd_box_home { padding: 0 0 15px 0 !important}

.cmt_list li { padding: 20px 0 !important}

.author-cover { height: 180px !important; margin-bottom: 15px !important}

.author-cover .page-cover-con { padding: 0 !important; margin: 15px !important}

.avatar-img.avatar-lg { width: 48px !important; height: 48px !important}

.page-cover>.page-cover-con { top: 0 !important}

.abs-center, .abs-left, .abs-right, .form-select::before, .line-form-label, .payvip-icon:before, .toggle-radius .fa, .toggle-radius .icon { top: auto !important; bottom: 0 !important; margin: 0 !important}

.em12 { font-size: 16px !important}

.em09 { font-size: 13px !important}

.mb_15 { margin-bottom: 15px !important}

.down_box { min-height: inherit !important}

.fwinmask { left: 20px !important}

.fwinmask .pm {

    overflow: hidden;

    width: 260px !important;

}

.pmfm .tedt { width: 100% !important}

.fwinmask .m_c { max-width: 300px !important}



.listbox { width: 100% !important}

#threadlist .ptn.pbn { width: 100% !important}

.tabx_conts { width: 100% !important; box-sizing: border-box}

.book_box { width: 100% !important; box-sizing: border-box}

.list-card-header[data-v-1df2631a] { float: left !important; width: 25% !important}

.list-card-header[data-v-1df2631a] img { width: 100% !important; height: auto !important}

.list-card-content[data-v-1df2631a] { float: right !important; width: 70% !important}

.BtnAreaCover[data-v-efef642e], header[data-v-efef642e], .add-btn.top[data-v-1df2631a] { display: none !important}

.pl.dingzhi_all_replies { border-radius: 4px 4px 0 0; overflow: hidden}

.tsj-book-cover { float: left !important; width: 30% !important; height: auto !important; margin: 0 !important}

.tsj-book-cover img { width: 100% !important; height: auto !important}

.flex-col { float: right !important; width: 65% !important; margin-bottom: 10px !important}

#tsj-book-star-chart { display: none !important}

.flex-grow { width: 28% !important; padding: 0 !important; margin: 0 2% !important}

.flex-grow:first-child { margin: 0 2% 0 0 !important}

.flex-grow:last-child { margin: 0 0 0 2% !important}

.shidu { left: 0 !important}

.shidu a { padding: 0 15px !important; font-size: 12px !important}



.about-subnav .about-menu { position: relative !important}

.about-content { margin-left: 0 !important}

.about-content-ul li { width: 100% !important}



.cardx .card-header { padding: 15px !important}

.card-header em { padding: 10px 0 !important}

.cardx .card-body { padding: 0 15px 15px 15px !important}

#site_nodes .site { float: left; width: 33.33% !important; margin-bottom: 2px !important; height: 30px; line-height: 30px; overflow: hidden}

#site_nodes .site a { font-size: 13px !important}

#site_nodes .site .favicon { float: left; margin: 7px 0 0 0}



.nav-main { overflow: hidden;overflow-x: scroll; height: 53px}

.menux { white-space: nowrap; box-sizing: border-box; height: 53px; margin-left: 0}

.nav-main .menux li { float: none; display: inline-block}



}