/* -----------------------------------------------------------------
The Whole CSS written by Elecom.
(C) Elecom Inc.
Annoucement here,Copyright
Shenzhen.Eleccom Technology.使用原代ç 请è”系作者QQ: 2300184378 / 2021-10-19 20:00:06
---------------------------------------------------------------------------------------*/
.navfixed {
width: 100%;
position: fixed;
left: 0;
top: 0;
box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%);
background: #FFFFFF;
}
.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: #333333;
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: 13px;
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: 13px !important;
float: none !important;
padding: 0 0 0 20px;
height: 40px;
line-height: 40px;
color: rgba(255,255,255,0.5);
}
.headerx { width: 100%}
.headerx .logo {
padding: 0;
margin: 14px 0 0 3% !important;
width: auto;
}
.headerx .section1x {
max-width: 1200px;
margin: 0;
width: 100% !important;
}
.headerx .logo img {
width: auto !important;
height: 22px;
margin: 0
}
.m_menu {
float: right;
width: 24px;
height: auto;
margin: 18px 3% 14px 0
}
.m_menu em { width: 18px; height: 2px; float: left; margin: 0 0 4px 0; background: rgba(255,255,255,0.5)}
.nav_slide .h_pop {}
@media (max-width: 800px) {
html, body {
display: block;
width: 100%;
overflow-x: hidden;
}
.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; width: 94% !important}
.section1x .wp { width: 100% !important}
.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: none; background: #333333}
.tpboxx1 { height: 50px}
#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: #c5c5c5 !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: 0; box-sizing: border-box; background: #FFFFFF !important}
.ct2_a .appl { float: none !important; width: 100% !important; height: auto; padding: 10px 10px 0 10px; 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: #c5c5c5 !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 15px !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}
#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 5px !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: 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}
}