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

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;
    left: -75%;
    transition: all 0.5s ease 0s;
    height: 100%;
    top: 0;
    padding-top: 25px;
    border: 0 !important;
    background: #384047;
    width: 75%;
    max-width: none !important;
    z-index: 10000;
}
.header1 .menu.on {
    left: 0 !important;
}
.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: 15px;
    width: 100%;
    line-height: 22px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.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: 14px !important;
    float: none !important;
    padding: 0 0 0 20px;
    height: 23px;
    line-height: 23px;
    color: rgba(255,255,255,.9);
}
.headerx { width: 100%}
.headerx .logo {
    padding: 9px 0;
    margin: 0;
    width: auto;
}
.headerx .section {
	max-width: 1600px;
    margin: 0 auto;
    width: 96%;
}
.headerx .logo img {
    height: 40px;
}
.m_menu {
    width: 24px;
    position: absolute;
    right: 3%;
    top: 21.5px;
    height: 58px;
}
.m_menu em { float: left; width: 24px; height: 1px; margin-bottom: 6px; background: #333333}
.nav_slide .h_pop { display: none}

@media (max-width: 1200px) {
.ct2_a, .ct3_a { border: 0}
.notice_pm, .notice_all, .notice_mypost, .notice_interactive, .notice_system, .notice_manage, .notice_app { display: none}
.tbn { margin: 0}
.notice_all:before { display: none}
.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}
.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: 96% !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: 0 1px 1px rgb(0 0 0 / 6%); background: #FFFFFF}
.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: 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: #2780E3 !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: #2780E3 !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; 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 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}

html, body {
    display: block;
    width: 100%;
    overflow-x: hidden;
}
.interview1, .report1 { display: none}
.footer-right-dwon { right: 3% !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}
.section { margin: 0 auto; width: 94% !important}
.header1, .headerx { display: block; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 5%); background: #FFFFFF}
.tpboxx1 { height: 58px}
#elecom_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}
.article-item .img-cover-wrap { width: 30% !important; max-height: 86px !important; margin: 0 !important}
.article-item .article-info { float: right; margin: 0; width: 66% !important; display: inline !important}
.article-item .article-meta { display: none !important}
.article-item h3 { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 26px !important}
.article-item .img-cover img { width: 100% !important; height: auto !important}
.tabBar .bd .conWrap, .tabBar .bd .conWrap .con { width: 100% !important}
.footer-wrapper { width: 100% !important; min-width: inherit !important}
.footer-main { width: 100% !important}
.footer-main .partner-product, .footer-main .partner-product .item.about .content { display: block !important}
.footer-main .partner-product .item.production { float: left !important; width: 50% !important; margin: 0 !important}
.footer-main .partner-product .item.about { float: left !important; width: 50% !important; margin: 0 !important}
.footer-main .partner-product .item a { width: 50% !important}
.footer-main .partner-product .item.download { float: left !important; width: 100% !important; text-align: center}
.footer-main .partner-product .item.download .down-cont { width: 224px !important; display: inline-block}
.footer-main .partner-product .item.download .down-cont span { width: 92px !important; height: auto}
.footer-main .partner-product .item.download .down-cont .and, .footer-main .partner-product .item.download .down-cont .ios { width: 112px !important}
.footer-main .share { width: 100%; display: block; text-align: center; margin: 20px 0 !important}
.footer-main .share li { display: inline-block; margin: 0 7px !important}
.footer-main .friendly h3 { margin-right: 20px !important}
.footer-main .friendly .links1 a { padding-right: 26px !important}
.footer-main .friendly .links1 a:before { right: 11px !important}
.footer-main .copyright img { display: none !important}
#p_btn { display: none}
.footer-main .friendly .links1 a { font-size: 12px !important}
}
.focusbox { display: none}
.po { border-top: 0}
.t_fsz { min-height: 20px}
.pl.elec_all_replies { border: 0}
.tedt .bar { border-bottom: 0; background: #F9F9F9}
.fpd { float: left}
.fpd a { margin-top: 10px}
.page-news-author-recentArticles li a:hover { color: #FF6651 !important}
.read_author:hover { background: #FF6651 !important}
.wendax li a:hover { color: #FF6651 !important}
<!--{if !$post['first']}-->.t_f, .t_f td { font-size: 14px}<!--{/if}-->
<!--{if $close_leftinfo}-->
.focusbox { display: block}
.ct2 .mn { width: 100% !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important}
.ct2 .sd { display: none}
#pt { display: none}
.elec_all_replies .v_tit { display: none}
.pi { display: none}
#p_btn { display: none}
.reply_tit1 { display: none}
.viewbox.otherfloor { display: none}
#f_pst { display: none}
.pob a.showmenu { display: none}
.pob em a.cmmnt, .pob em a.fastre, .pob em a.push { display: none}
.pob em a.editp { padding: 0; background: none}
.po p a { display: none}
.modact, .modact a { display: none}
#threadstamp { display: none}
.pcb img { display: inline-block}
.ptg.mtn {display: none}
<!--{/if}-->
@media (max-width: 1200px) {
.sd { display: none}
.detailName { height: 100px}
.left1x { width: 100% !important}
.left1x .mn { width: 100% !important; padding: 0 !important; border: 0 !important}
.t_box1 { margin: 0 !important}
.mod_art_list { height: 85px !important; padding: 15px 0 !important; margin: 0 !important}
.mod_art_list_pic { width: 32% !important; height: 85px !important; margin: 0 !important}
.mod_art_list_pic img { width: 100% !important; height: auto !important; min-height: 85px !important}
.mod_art_list_content { float: right !important; width: 65% !important; height: 85px !important; margin: 0 !important}
.mod_art_list h3 { height: 40px !important}
.mod_art_list h3 a { font-size: 15px !important}
.mod_art_list_simple, .display_none { display: none !important}
.t_box1x .z, .t_box1x .y { float: none !important; width: 100% !important; height: auto !important; padding: 0 !important; border: 0 !important}
.bbs_banner .pic img { width: 100% !important; height: 200px !important}
.bbs_banner { width: 100% !important; height: 200px !important}
.bbs_banner .pic li h3 { width: 95% !important; padding: 10px 5% !important}
.tabBar .hd { width: 100% !important; padding: 0 !important; margin: 20px 0 10px 0 !important}
.tabBar .hd li { width: 22% !important; margin: 0 4% 0 0 !important}
.tabBar .hd li:last-child { margin: 0 !important}
#main_sidebar { display: none}
.ct2 .mn { float: none !important; width: 100% !important; padding: 0 !important; border: 0 !important}
.ct2 .sd { display: none !important}
.elec_tab_cont dl dd a { float: none !important; width: auto !important}
#chart { height: auto !important; padding: 10px 5% !important}
#chart .z span { width: 50% !important; margin: 0 0 20px 0 !important}
#chart .y { float: left !important}
#chart .y span { padding: 0 !important}
.Framebox { width: 100% !important}
.fl_g { width: 100% !important; padding: 5% !important; margin-bottom: 10px !important; box-sizing: border-box}
#online { width: 100% !important; padding: 5% !important; box-sizing: border-box}
.fl .bm_h, .bmw .bm_h { width: 100% !important; height: auto !important}
.display_none { display: none}
#ct { margin: 0 !important}
#sd_bdl { width: 100% !important; margin: 0 0 20px 0 !important}
.bdl dt, .bdl dl.a dt { background-position: right+20px center}
.avatar_left { width: 40px !important; height: 40px !important}
.avatar_right { float: none !important; width: auto !important}
.avatar_right .bm_h { height: auto !important}
.banzhu { float: left !important; margin: 0 !important}
#newspecial { display: none}
.bml .bm_c { padding: 0 !important}
.tl .by, .tl .num, #filter_special { display: none !important}
.th .tf a { float: left}
.tl .th { padding: 0 15px !important}
#f_pst .px { width: auto !important}
.tl .bm_c { padding: 0 15px !important}
.tl .icn { padding: 0 !important}
.wp, #wp { width: 100% !important}
.elec_all_replies .v_tit { font-size: 20px !important}
#p_btn { text-align: center}
#p_btn a { width: 12% !important; margin: 1% !important}
#p_btn img { width: 100% !important; padding: 0 !important; margin: 0 !important}
.download_1 { font-size: 13px !important}
}
.display_nones { display: none}
.a_h { display: none}
.a_mu { display: none}
.navigate li { background: none !important}
.navigate li a { background: none !important}
.pob em a:before { display: none}
.mus_box #mus {}
.mus_box #mus ul { padding: 0 28px; margin: 10px auto; background: #F6F6F6; box-sizing: border-box}
.mus_box li { float: left; height: 50px; line-height: 50px; margin-right: 28px; font-size: 14px}
.flbc { background-image: none !important}
.login_pn { border: 0}
#scform_srchtxt { width: calc(100% - 20px) !important; border: 0}
#scform_submit { background: none}
#scform_submit:before { display: none}
#scbar .pn strong { line-height: 180px}
.miao_list li img { transition: 0.5s}
.miao_list li:hover img { transform: scale(1.1) }
.miao_list li:hover h3 a { color: #FF6651}
body { min-width: 0 !important}
#nv_vip #pt { display: none}
#nv_vip .mn { float: none !important; margin: 0 auto; margin-top: 20px; margin-bottom: 30px}
#nv_vip .sd { display: none}
#nv_vip #ct { border: 0}
#nv_vip .tb { padding: 0; border-bottom: 0}
#nv_vip .tb a { padding: 2px 15px; margin: 0; border: 0; font-size: 15px; background: none}
#nv_vip .tb li:last-child a { margin: 0}
#nv_vip .tb .a a { color: #FFFFFF; font-weight: 400; background: #FF6651; border-radius: 3px}
#nv_vip .orights p { padding-bottom: 10px; border-bottom: 1px dashed #EEEEEE}
#nv_vip .btn, #nv_vip .btn span { background: #999999 !important; border-radius: 3px}
#nv_vip .pay { border-radius: 3px}

.header1 .menu ul li a { font-family: 'Microsoft Yahei','Helvetica Neue',Helvetica,Arial,sans-serif}
#scbar_type_menu { left: 0 !important}
.nfl .f_c { width: 466px; padding: 20px 0 0 0}
#messagelogin .flb { padding-left: 40px}
.unchk { background-position: 0 4px}
.chked { background-position: 0 -36px}
.focusbox {
    text-align: center;
    background-color: #384047;
    color: #eee;
    padding: 45px 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.focusbox .focusbox-title {
    font-weight: normal;
    font-size: 21px;
    margin: 0;
	font-family: 'Microsoft Yahei','Helvetica Neue',Helvetica,Arial,sans-serif
}
.focusbox-title a { color: #FFFFFF;font-size: 16px;}
.focusbox .wp { width: 100%}
.footer-main, .footer-main a { font-size: 12px; color: #BBBBBB}
.pbg { height: 10px; overflow: hidden; background: #F3F3F3}
.pbr { overflow: hidden; background: #5AAF4A !important}
.pm_o { width: auto !important}
#nv_home .ct2_a .mn .tb li.y a { padding-right: 20px !important}
.miao_list li { float: left; position: relative !important; left: auto !important; top: auto !important; width: 18.5%; margin: 0 1.875% 2.5% 0; overflow: hidden}
.miao_list li:nth-child(5n) { margin: 0 0 30px 0}
.miao_list .info_box { font-family: 'Microsoft Yahei','Helvetica Neue',Helvetica,Arial,sans-serif}
.miao_list h3 { height: 42px; line-height: 21px; overflow: hidden}
.miao_list h3 a { font-size: 15px; color: #555555; font-weight: bold}
.miao_list .img_box { display: block; margin-bottom: 10px; overflow: hidden}
.miao_list .time { color: #BBBBBB; margin-top: 8px}
.xh-btn {
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.xh-btn-sm {
    padding: 4px 16px;
	margin: 0 5px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 3px;
}
.xh-btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
a.xh-btn:link {
    text-decoration: none;
    color: #fff;
}


.publish {
    margin: 0 20px;
    padding: 8px 30px;
    line-height: 22px;
    color: #fff;
    border: 0;
    display: block;
    text-align: center;
    border-radius: 0;
    background-color: rgba(255,255,255,.1)!important;
}
#j-user-wrap {
    width: 100%;
    margin: 0;
}
#j-user-wrap .login {
	float: left;
    width: 48%;
    margin: 0;
    padding: 8px 30px !important;
	box-sizing: border-box;
    line-height: 22px;
    text-align: center;
	font-size: 14px;
    color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.1);
}
#j-user-wrap .login:last-child { margin-left: 4%}
.phone_search table { width: 100% !important}
.phone_search #scbar { float: left !important; width: 100% !important; height: 36px !important; line-height: 36px !important; margin: 0 !important; border: 0 !important; border-radius: 0; background: #FFFFFF !important}
.phone_search .scbar_type_td { display: none !important}
.phone_search .scbar_txt_td { float: left; width: calc(100% - 36px) !important; height: 36px !important; line-height: 36px !important}
.phone_search #scbar_txt { width: 95% !important; padding: 0 0 0 5% !important; height: 36px !important; line-height: 36px !important; font-size: 14px !important}
.phone_search .scbar_btn_td { float: left; width: 36px !important; height: 36px !important; line-height: 36px !important}
.phone_search #scbar_btn { width: 36px !important; height: 36px !important; line-height: 36px !important; min-width: 36px !important; background: url(template/elec_20220314_miaoly/style/new_search1.png) no-repeat center center}
@media (max-width: 1200px) {
.section { width: 94%; margin: 0 auto}
.section .wp { width: 100% !important}
#nv_search #ct { width: 94% !important}
.searchform { padding: 0 !important}
#nv_search .ptw { padding-top: 0 !important}
#nv_search #scform, #nv_search #scform_form { width: 100% !important}
#nv_search .td_srchtxt { width: 80% !important; height: 50px; box-sizing: border-box}
#nv_search .td_srchbtn { width: 20% !important; box-sizing: border-box}
#nv_search .slst { width: 100% !important}
#nv_search #scform_srchtxt, #nv_search #scform_submit { height: 48px; line-height: 48px}
.tl .th .by { display: block !important}
#atarget { display: none}
.thread_rec { display: block !important}
.th .tf a#filter_dateline { display: none}
.focusbox { padding: 4% 0 !important}
.focusbox .focusbox-title { padding: 0 3%; font-size: 18px !important}
#nv_vip .mn { width: 100% !important}
#nv_vip .tb a { padding: 0 10px; font-size: 13px}
.vipindex, .orights { border: 1px solid #E3E3E3; border-radius: 3px; background: none}
.vipindex .title, .orights h3.title, .orights { background: none}
.vipindex .content, .vipblock .content { border: 0}
.sright { display: none}
.orights h3.title { padding-left: 25px; line-height: 48px}
.orights li { width: 50%}
.pay ul li span { width: 120px}
.pay_btn { padding-left: 120px}

.m_l, .m_r, .t_l, .t_c, .t_r, .b_c, .b_l, .b_r {
    display: none;
}
.m_c {
    padding: 10px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%);
    border-radius: 0;
}
.fwinmask .flb { padding: 10px !important}
.pg_post #ct.ct2_a { box-sizing: border-box; padding: 20px !important; border-radius: 2px; background: #FFFFFF !important}
#editorbox { padding: 0 !important}
#e_controls .y { display: none}
.edt .btn { float: none !important; border: 0 !important}
.simpleedt .bar, .simpleedt .b1r, .simpleedt .b2r { height: auto !important}
#postbox input { width: auto !important}
.edt .bbar { height: auto !important}
.pg_post .fwinmask { width: calc(100% - 40px) !important}
#fwin_nav { top: 65px !important; left: 3% !important; width: 94%}
.fwinmask { left: 3% !important; width: 94%}
.fwinmask table.fwin { width: 100%}
#fwin_nav table { width: 100%}
#fwin_content_nav { width: 100% !important; box-sizing: border-box}
.fwinmask .m_c { border: 0 !important}
#fwin_content_nav .pbl { width: 100% !important; box-sizing: border-box}
#fwin_content_nav .pbl li { width: 30% !important; padding: 5px 1.5%; border: 0}
#fwin_content_nav .pbl li:last-child { width: 31% !important}
#fwin_content_nav .pbl { border-right: 1px solid #CCCCCC}
.fwinmask .pnc { border: 0}
.footer[data-v-0bacf66c] { padding-bottom: 70px !important}
.input_bottom__3Jcak { padding-bottom: 55px}

.pg_post .simpleedt .bar { height: auto; background: none; border: 0}
.pg_post .edt .bar { height: auto; background: none; border: 0}
.pg_post .edt .btn { width: 100%}
.pg_post .edt .bbar { height: 44px}
.pg_post #ct { padding: 0 3%}
.pg_post #pt { margin: 10px 3%}
.pg_post #e_fullswitcher { display: none}
.pg_post #e_simple { display: none}

.footer-main { padding-bottom: 100px !important}
#footer {
    display: block !important;
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    border-top: 1px solid #EEEEEE;
    background: #fff;
}
#footer li {
    width: 20%;
    text-align: center;
    float: left;
}
#footer li a {
    width: 100%;
    display: block;
    color: #555555;
}
#footer li p {
    overflow: hidden;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    color: #555555;
}
#footer li i {
    display: block;
    height: 30px;
    font-size: 24px;
    line-height: 26px;
}
#footer .post_b {
	display: inline-block;
    background: url(template/elec_20220314_miaoly/style/touch/post.svg) no-repeat center center #FFFFFF;
    background-size: 40px 40px;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    border-radius: 50%;
    padding: 6px;
    box-shadow: 0px -2px 1px rgb(0 0 0 / 8%);
}
#footer li i.bottom_icon1 { background: url(template/elec_20220314_miaoly/style/touch/bottom_icon1.svg) no-repeat center center}
#footer li a.active i.bottom_icon1 { background: url(template/elec_20220314_miaoly/style/touch/bottom_icon1_on.svg) no-repeat center center}
#footer li i.bottom_icon2 { background: url(template/elec_20220314_miaoly/style/touch/bottom_icon2.svg) no-repeat center center}
#footer li a.active i.bottom_icon2 { background: url(template/elec_20220314_miaoly/style/touch/bottom_icon2_on.svg) no-repeat center center}
#footer li i.bottom_icon3 { background: url(template/elec_20220314_miaoly/style/touch/bottom_icon3.svg) no-repeat center center; background-size: 22px 22px}
#footer li a.active i.bottom_icon3 { background: url(template/elec_20220314_miaoly/style/touch/bottom_icon3_on.svg) no-repeat center center; background-size: 22px 22px}
#footer li i.bottom_icon4 { background: url(template/elec_20220314_miaoly/style/touch/bottom_icon4.svg) no-repeat center center}
#footer li a.active i.bottom_icon4 { background: url(template/elec_20220314_miaoly/style/touch/bottom_icon4_on.svg) no-repeat center center}

}
@media (max-width: 1000px) {
.miao_list li { float: left; width: 23.5% !important; margin: 0 2% 2.5% 0 !important; overflow: hidden}
.miao_list li:nth-child(5n) { margin: 0 2% 2.5% 0 !important}
.miao_list li:nth-child(4n) { margin: 0 0 2.5% 0 !important}
.miao_list .img_box { height: 320px; overflow: hidden}
.miao_list .img_box img { height: 320px !important}
}
@media (max-width: 700px) {
.miao_list li { float: left; width: 32% !important; margin: 0 2% 2.5% 0 !important; overflow: hidden}
.miao_list li:nth-child(5n) { margin: 0 2% 2.5% 0 !important}
.miao_list li:nth-child(4n) { margin: 0 2% 2.5% 0 !important}
.miao_list li:nth-child(3n) { margin: 0 0 2.5% 0 !important}
.miao_list .img_box { height: 300px; overflow: hidden}
.miao_list .img_box img { height: 300px !important}
}
@media (max-width: 520px) {
.miao_list li { float: left; width: 48% !important; margin: 0 4% 2.5% 0 !important; overflow: hidden}
.miao_list li:nth-child(5n) { margin: 0 4% 2.5% 0 !important}
.miao_list li:nth-child(4n) { margin: 0 4% 2.5% 0 !important}
.miao_list li:nth-child(3n) { margin: 0 4% 2.5% 0 !important}
.miao_list li:nth-child(2n) { margin: 0 0 2.5% 0 !important}
.miao_list .img_box { height: 260px; margin-bottom: 0 !important; overflow: hidden}
.miao_list .img_box img { min-height: 260px; height: auto !important}
.miao_list h3 { height: 21px !important}
.miao_list h3 a { font-size: 12px !important}
.info_box { padding: 10px ; border: 1px solid #F4F4F4; border-top: 0}
}
@media (max-width: 1200px) {
.display_nones { display: block}
#fwin_login.fwinmask { top: 78px !important; left: 5% !important; margin: 0 !important}
.flb { padding: 20px !important}
.phone_box1 { padding: 0 20px !important}
#fwin_login.fwinmask { width: 90% !important; background: #FFFFFF}
#fwin_content_login { width: 100% !important}
.fwin .rfm, .nfl .f_c .rfm, .rfm .px1 { width: 100% !important; box-sizing: border-box}
#fwin_login.fwinmask table { width: 100% !important}
.flbc { right: 20px !important; top: 20px !important}
.login_pn { height: 36px !important; line-height: 36px !important; margin: 0 !important; font-size: 15px !important}
.member_boxx1 { margin: 20px 0 !important}
.rfm table { width: 100% !important}
.rfm { width: 100% !important}
.rfm th { width: 30% !important}
.rfm .px { width: 60% !important}
.fwin .rfm .px { width: 100% !important}
.tipcol { display: none !important}
.phone_box1 .rfm .px1 { width: 100% !important; height: 36px !important; line-height: 36px !important; box-sizing: border-box}

.pg_post .simpleedt .bar { height: auto; background: none; border: 0}
.pg_post .edt .bar { height: auto; background: none; border: 0}
.pg_post .edt .btn { width: 100%}
.pg_post .edt .bbar { height: 44px}
.pg_post #ct { padding: 0 3%}
.pg_post #pt { margin: 10px 3%}
.pg_post #e_fullswitcher { display: none}
.pg_post #e_simple { display: none}
.header1, .headerx { box-shadow: none !important}

#e_sml_menu.sllt { max-width: 94% !important; left: 3% !important}
.pg_post .p_pof { width: 94% !important; left: 3% !important; box-sizing: border-box}
.pg_post .fwinmask { width: 94% !important; left: 3% !important}
#fwin_nav.fwinmask { width: 94% !important; left: 3% !important}
#fwin_nav.fwinmask table { width: 100% !important; display: block}
#fwin_nav.fwinmask tbody { width: 100% !important; display: block}
#fwin_nav.fwinmask tr { width: 100% !important; display: block}
#fwin_content_nav { display: block}
#fwin_nav.fwinmask .pbl { width: 100%; border-right: 1px solid #CCCCCC}
#fwin_nav.fwinmask .pbl li { width: calc(33% - 12px) !important; height: auto !important; min-height: 280px !important}
#fwin_nav.fwinmask .pbl li:last-child { width: calc(34% - 10px) !important; border-right: 0 !important}

.numboxx { padding: 20px !important}
ul.pf_l { padding: 0 !important}
.pf_l li { width: 50% !important}
.mus_box { display: none}
.pg_post #ct.ct2_a { box-sizing: border-box; padding: 20px !important; border-radius: 3px; background: #FFFFFF !important}
#editorbox { padding: 0 !important}
#e_controls .y { display: none}
.edt .btn { float: none !important; border: 0 !important}
.simpleedt .bar, .simpleedt .b1r, .simpleedt .b2r { height: auto !important}
#postbox input { width: auto !important}
.edt .bbar { height: auto !important}

}
@media (max-width: 800px) {
.wp, #wp { width: 100% !important}
.nfl .f_c { width: 100% !important}
.alert_right, .alert_error, .alert_info { padding-right: 20px}
.keke_group { width: 94% !important; margin: 0 auto !important}
.keke_side { width: 100% !important}
.keke_sidebar { height: auto !important; min-height: 32px !important; padding: 10px; margin: 10px 0; }
.keke_sidebar li { float: left; width: auto; height: 32px !important; line-height: 32px !important; padding: 0 10px; border: 0 !important; border-radius: 4px}
.keke_sidebar li>a { margin: 0 !important}
.czmain { float: left; width: calc(100% - 20px); padding: 10px !important; margin-left: 0 !important}
.czmain .mt50 { margin-top: 20px !important}
.chargebox { width: 100% !important}
.column3 .service-list { width: calc(50% - 18px) !important}
.column3 .service-list:last-child { margin-right: 0 !important}
.service-list>.kekecent>b { font-size: 14px !important}
.mr_35 { margin-right: 12px !important}
.chargebox .charge-submit .czcontent { width: 100% !important; margin-left: 0 !important}
.chargebox .charge-source-list>li { margin: 10px 10px 0 0 !important}
.column3 .service-list>em { margin-left: calc(50% - 38px) !important}
}