<!--REMOVED_INLINE_STYLE_START
.el-avatar {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    color: #fff;
    background: #C0C4CC;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.el-avatar--small {
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.el-avatar--icon {
    font-size: 18px;
}
.el-avatar--circle {
    border-radius: 50%;
}
.el-icon-user-solid:before {
    content: "\e7a5";
}
body, div, p, h2, h3, span, em, li, ul, a, font, button, html, input, select, textarea {}
[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome !important}
.icon-top-1 {
    color: #ff6922 !important;
	font-size: 15px
}
.icon-top-2 {
    color: #ff6922 !important;
	font-size: 15px
}
.icon-top-3 {
    color: #ff5e7f !important;
	font-size: 15px
}
[class^=icon-top-]:before {
    content: "\f0aa" !important;
}
.dingzhi_navigate li a:before {
	margin: 0 3px 0 0;
	font-size: 14px;
    font-family: FontAwesome !important;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}
.dingzhi_navigate li:nth-child(1) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f015";
}
.dingzhi_navigate li:nth-child(2) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f075";
}
.dingzhi_navigate li:nth-child(3) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f00c";
}
.dingzhi_navigate li:nth-child(4) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f02d";
}
.dingzhi_navigate li:nth-child(5) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f009";
}
.dingzhi_navigate li:nth-child(6) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f15c";
}
.dingzhi_navigate li:nth-child(7) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f0c3";
}
.dingzhi_navigate li:nth-child(8) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f0c0";
}
.dingzhi_navigate li:nth-child(9) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f080";
}
.dingzhi_navigate li:nth-child(10) a:before {
	text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f013";
}
.h_post1 { display: none}
.pg_forumdisplay .h_post1 { display: block !important}
.pg_viewthread .h_post1 { display: block !important}
.whole_box1 { min-height: calc(100vh - 123px); overflow: hidden}
.fwinmask #postbtn.pn { color: #FFFFFF !important; box-shadow: none !important; background: #1979ffd4 !important}
.nvhm:before {
	position: relative;
	top: 0;
	font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
	font-size: 14px;
    content: "\f015";
}
#samplepanel { position: relative; z-index: 999}
body {
    background-image: url(template/pc28_theme/dingzhi/bj.webp) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
body { min-width: 0 !important; background-color: #EFF2F6 !important}
.nav-pills li { margin: 0 0 7px 0}
.thread-top-1 {
    color: #ff8800;
}

.thread-top-2 {
    color: #ff8800;
}
.thread-top-3 {
    color: #c6303e;
}
.module_box1 {
  border-radius: 5px !important;
  border: none !important;
  background-color: #FFFFFF !important;
  box-shadow: none !important;
  box-sizing: border-box;
}
.cardx {
  border-radius: 5px !important;
  border: none !important;
  background-color: #FFFFFF !important;
  box-shadow: none !important;
  box-sizing: border-box;
}
#scbar { transition: all 0.5s ease 0s}
#scbar.long { width: 220px !important}
#scbar.long .scbar_narrow #scbar_txt{width:182px!important}
#scbar.long .scbar_txt_td{ float: left; width:190px!important; height:34px;line-height:34px;overflow:hidden}
#scbar_txt{border:0;width:182px; height:34px;line-height:34px; padding:0;font-size:12px;margin-left: 8px; overflow: hidden; background:0 0}
#scbar_btn { box-shadow: none}
.scbar_btn_td .pn strong { line-height: 200px}
#scbar input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: rgba(0,0,0,.5);  
}  
#scbar input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: rgba(0,0,0,.5);  
}  
#scbar input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: rgba(0,0,0,.5);  
}
.a_h { padding: 0; display: none}
.a_h img { max-width: 1120px}
.a_mu { border: 0; background: none; display: none}
.a_mu img { max-width: 1120px}
.mus_box { display: none}
#mood_mystatus { width: 500px !important}
#nv_group .pg { background: none}
.pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp { background-color: #007bff}
.forumrefresh { display: none}
.tdats .tb { width: 260px}
.tscr { width: 260px}
.tdats .tfxf { width: 650px !important}
.mi .moodfm_input { width: calc(100% - 70px) !important}
.mi #moodfm textarea { width: 95% !important}
.pbg { height: 10px}
.header1 .menu ul li i { float: left; margin-top: 18px; width: 18px; margin-right: 8px !important; font: normal normal normal 14px/1 FontAwesome}
.header1 .menu ul li a:before {
	margin: 0 8px 0 0;
	font-size: 16px;
    font-family: FontAwesome !important;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    speak: none;
}
.header1 .menu ul li:nth-child(1) a:before { content: "\f015"; }
.header1 .menu ul li:nth-child(2) a:before { content: "\f075"; }
.header1 .menu ul li:nth-child(3) a:before { content: "\f00c"; }
.header1 .menu ul li:nth-child(4) a:before { content: "\f02d"; }
.header1 .menu ul li:nth-child(5) a:before { content: "\f009"; }
.header1 .menu ul li:nth-child(6) a:before { content: "\f15c"; }
.header1 .menu ul li:nth-child(7) a:before { content: "\f0c3"; }
.header1 .menu ul li:nth-child(8) a:before { content: "\f0c0"; }
.header1 .menu ul li:nth-child(9) a:before { content: "\f080"; }
.header1 .menu ul li:nth-child(10) a:before { content: "\f013"; }
.header1 .menu ul li.a a { color: #007bff !important; }
.header1 .menu ul li.mobile-logout a:before { content: "\f04a"; }
.pob em a:before { display: none}

.tbn li em:before { display: none}
.td_srchtxt { float: left; height: 58px; line-height: 58px}
.td_srchbtn { float: left}
#scform_submit { height: 60px; line-height: 60px; background: none}
#scform_submit:before { display: none}

#scform_srchtxt { height: 58px; line-height: 58px; border: 0}

#scbar_type { margin: 0; border: 0}
#scbar_btn { margin: 0}

#create_group_btn {
    display: block;
    text-align: center;
    background: #007bff;
}
#nv_group .tbmu {
    padding: 8px 10px;
}
#nv_group .bm {
    border-color: #ebebeb;
}
#nv_group .tl .th { margin: 0}
#nv_group .tb { border: 0; background: #FFFFFF}
#nv_group .tb a { padding: 0 15px; background: none !important}
#nv_group .tb .a a, #nv_group .tb .current a { font-weight: 400; background: none !important}
.tl th, .tl td { border-color: #F3F3F3}
.scroll-up {
    background-color: #f8504b;
    color: #ffffff !important;
    transition: transform .5s;
	box-sizing: border-box
}
.scroll-up {
    border-radius: 50px;
    bottom: 70px;
    padding: 3px;
    display: none;
    height: 50px;
    opacity: 1;
    position: fixed;
    right: 70px;
    text-align: center;
    width: 50px;
    overflow: hidden;
    z-index: 9999;
    line-height: 2.5;
    color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}
a:link, a:visited, a:hover {
    text-decoration: none;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
::-webkit-scrollbar {
    width: 6px;
    height: 8px
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 0 solid transparent
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.2) inset
}

::-webkit-scrollbar-thumb {
    min-height: 0;
    background-color: #5298ff;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
}

::-webkit-scrollbar-corner {
    background: transparent
}
.gengun { width: 270px}
.gengun.f_fixed { position: fixed; top: 15px}
.ct2_a, .ct3_a { min-height: calc(100vh - 182px) !important}
.mtn { margin-top: 0 !important}
@font-face {
  font-family: 'smileySans';
  src: url('template/pc28_theme/portal/font/alimama.woff');
}
.nav_slide .h_pop { display: block}
@media (max-width: 800px) {
.home_tab li a { padding: 0 7px !important; font-size: 13px !important}
.pf_l li { width: 100% !important}
.whole_box1 { min-height: calc(100vh - 201px); overflow: hidden}
#pt { margin: 10px 15px !important}
.top_bar_box { display: none}
.a_h { display: none}
.a_mu { display: none}
.page-cover .page-desc { max-height: 60px; line-height: 20px; overflow: hidden}
#nv_home .tabboxx { height: auto}
.home_tab li { float: left !important; margin: 0 0 0 10px !important}
.dingzhi_all_replies .v_tit a { margin-top: 3px}
.scroll-up { display: none !important}
.footer .z, .footer .y { float: none !important}

.pg_post .ct2_a .tb a { margin-right: 0}
.pg_post #editorbox { padding: 0}
.pg_post #ct.ct2_a { padding: 0}
.pg_post #pt { margin: 10px 0 !important}
.pg_post .simpleedt .bar, .pg_post .simpleedt .b1r, .pg_post .simpleedt .b2r { height: auto}
.pg_post .simpleedt .bar .y { display: none}
.pg_post .edt .btn { float: none; border: 0}
.pg_post .edt .b1r, .pg_post .edt .b2r { border: 0}
.pg_post .edt .bbar { height: auto}
.pg_post .edt .bbar em { display: none}
.pg_post .tb { padding-left: 0}
.pg_post .tb a { padding: 0 6px}
.pg_post .pbt .z { width: 100%}
.pg_post #postbox .pbt .z input { width: calc(100% - 160px) !important}
.pg_post #seccheck { position: relative}
.pg_post #seccheck .p_opt { top: 25px !important; left: 36px !important}
.pg_post #post_extra_tb label { margin: 0 5px 5px 0}
.pg_post .pnpost .y { display: none}
.pg_post #adddynamicspan:last-child { display: none}
#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}
#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}
.pg_post .p_opt .mtn { margin-top: 5px !important}
.pg_post #at_list { visibility: visible !important}
}
@media (min-width: 9999px) {
.wp { width: 1280px}
.down_box { width: 1280px !important}
.top_ad_box1 { width: 472px !important}
.top_ad_box2 { width: 472px !important}
.top_ad_box3 { width: 296px !important}
#star { width: 472px !important}
#star ul li { margin: 40px 55px 0 !important}
.homewiki li { width: 226px !important}
.homewiki img { width: 226px !important; height: auto !important}
.homewiki p a { width: 216px !important}
#guide a { width: 296px !important}
.whole_boxx { width: 1280px !important}
#nv_group .ct2 .mn { width: 1020px !important}
.ct2_a .mn { width: 1050px !important}
.ct3_a .mn { width: 785px !important}
#nv_home .mi .moodfm_input { width: 600px !important}
.tdats .tfxf { width: 810px !important}
.tdats .tfx { width: 550px !important}
.biduser { width: 1038px !important}
#mood_mystatus { width: 660px !important}
.posts-item { width: 1220px !important}
.item-body { width: 1010px !important}
.tag_left { width: 960px !important}
.tabCont ul li { width: 918px !important}
#gotop a { margin-left: 680px !important}