/*----------------------------------
Main CSS file for Discuz! X
模板版权 by 站拽设计 （https://addon.dismall.com/?@57900.developer）
模版定制购买联系QQ：2050094712
----------------------------------*/

/*头部*/
.zzui_hs_header { position: relative; }
.zzui_hs_hbox { position: relative;width: 1200px;margin: 0 auto;overflow: hidden;}

.zzui_hs_handle{position: absolute; top: 15px; right: 20px; z-index: 199;}
.zzui_hs_handle .zzui_hshbtn{position: relative; margin-left: 10px; color: #fff;background: url(../../zhanzhuaicn_img/arrwd.png) no-repeat 100% 50%;display: inline-block;}
.zzui_hs_handle .p_pop{top: 30px !important; text-align: center; border-radius: 4px;}
.zzui_hs_handle .zzui_hsh_pop{left: -7px !important;}
.zzui_hs_handle .zzui_hsh_pop2{left: 70px !important;}

.zzui_hs_htop { width: 100%; height: 200px; overflow: hidden;}
.zzui_hs_htop .zzui_hs_htbg{position: relative; width: 1200px; height: 200px; margin: 0 auto; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; -webkit-transform: scaleX(1.05) scaleY(1.05); transform: scaleX(1.05) scaleY(1.05);}
.zzui_hs_htop .zzui_hs_htbg.banner_transition{-webkit-transform: scaleX(1) scaleY(1);transform: scaleX(1) scaleY(1);-webkit-transition: -webkit-transform 4s linear;transition: transform 4s linear;}
.zzui_hs_htop .zzui_hs_htbg .zzui_hs_hts{position: absolute; top: 0; left:0 ;width: 100%;height: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%);background: linear-gradient(top bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.3) 100%); overflow: hidden;}

.zzui_hs_hbottom{position: relative;}
.zzui_hs_hbottom .zzui_hs_hbavatar{float: left; width: 135px; height: 135px; margin: -50px 0 5px 20px;background: #fff; border: 15px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; z-index: 10;overflow: hidden;}
.zzui_hs_hbottom .zzui_hs_hbavatar img{display: block; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%;}
.zzui_hs_hbtext{position: relative; padding: 15px 340px 0 195px;}
.zzui_hs_hbtext .zzui_hs_hbu li{height: 22px; line-height: 22px; margin-bottom: 5px; font-size: 13px; color: #979A9E; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.zzui_hs_hbtext .zzui_hs_hbu li i{position: relative; top: 1px; margin-right: 5px; font-size: 18px; color: #999;}
.zzui_hs_hbtext .zzui_hs_hbu li.hs_username{height: 28px; line-height: 28px; }
.zzui_hs_hbtext .zzui_hs_hbu li.hs_username a{ line-height: 28px; font-size: 22px; color: #18191a; font-weight: 700;}
.zzui_hs_hbtext .zzui_hs_hbu li.hs_username img{margin: 9px 0 0 3px; height: 14px; vertical-align: top;}

.zzui_hs_hbox .zzui_hs_hbtns{position: absolute; bottom: 20px; right: 20px; height: 35px; font-size: 0; text-align: center; overflow: hidden;}
.zzui_hs_hbox .zzui_hs_hbtns li{display: inline-block; margin-left: 12px; overflow: hidden;}
.zzui_hs_hbox .zzui_hs_hbtns li a{display: block; height: 32px; line-height: 32px; padding: 0 15px; font-weight: 400; font-size: 14px; color: #fff; background: #0088ff;border: 1px solid #0088ff; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden;}
.zzui_hs_hbox .zzui_hs_hbtns li.mblue a{color: #0088ff; background: #fff;}
.zzui_hs_hbox .zzui_hs_hbtns li a:hover{background: #0077e6; border: 1px solid #0077e6;}
.zzui_hs_hbox .zzui_hs_hbtns li.mblue a:hover{background: #F0F6FF;}

/*左侧主体*/
.zzui_hs_tablist{height: 55px;padding: 0 10px;border-bottom: 1px solid #f0f2f7;}
.zzui_hs_tablist ul li{float: left;height: 55px;margin: 0 20px;font-size: 0;text-align: center;}
.zzui_hs_tablist ul li a{position: relative;line-height: 55px;padding: 0 5px;font-size: 15px;color: #18191a;display: block;}
.zzui_hs_tablist ul li a span{position: absolute;left: 50%;bottom: 0;width: 100%;opacity: 0;border-bottom: 3px solid #0088ff;border-radius: 2px 2px 0 0;-webkit-transform: translate(-50%) scaleX(0);transform: translate(-50%) scaleX(0);transition: .2s ease-in-out;}
.zzui_hs_tablist ul li.a a{font-weight: 700;}
.zzui_hs_tablist ul li.a a,.zzui_hs_tablist ul li a:hover{color: #0088ff;}
.zzui_hs_tablist ul li.a a span, .zzui_hs_tablist ul li:hover span{opacity: 1;-webkit-transform: translate(-50%) scaleX(1);transform: translate(-50%) scaleX(1);transition: .2s ease-in-out;}

/*记录*/
.zzui_hs_doing #moodfm textarea { width: 735px; padding: 3px 5px; border-color: #ccc #e0e0e0 #e0e0e0 #ccc;}

/*分享*/
.zzui_hslc_share .tbmu { padding: 0 0 20px;}

/*广播*/
.zzui_hs_lcfollow #fastpostform { width: 100%;}
.zzui_hs_lcfollow #flw_header {padding: 0 0 20px;}

/*留言*/
.zzui_hs_wtop .tedt{width: 100%;border-color: #ccc #e0e0e0 #e0e0e0 #ccc;border-radius: 3px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.zzui_hs_wtop .tedt .area{border-radius: 3px;}
.zzui_hs_wtop .zzui_hsw_bpn{display: inline-block;height: 35px;line-height: 35px;margin-left: 15px;padding: 0 15px;font-size: 14px;color: #fff;text-align: center;background: #0088ff;border-radius: 3px;border: none;outline: none;cursor: pointer;white-space: normal;-webkit-transition: all .25s;-o-transition: all .25s;transition: all .25s;overflow: hidden;}
.zzui_hs_wtop .zzui_hsw_bpn:hover{background: #007DEB;}
.zzui_hs_wbottom{padding: 0 20px;}
.zzui_hs_wbottom dl.bbda{padding: 25px 0;border-bottom: 1px solid #f0f2f7;}
.zzui_hs_wbottom dd{margin-top: 10px;line-height: 24px;font-size: 15px;color: #666666;word-break: break-all;overflow: hidden;}
.zzui_hs_wbottom dd.m.avt{float: left;margin: 0 15px 0 0;}
.zzui_hs_wbottom dd.m.avt img{padding: 0;border: none;border-radius: 50%;}
.zzui_hs_wbottom dt{height: 20px;line-height: 20px;overflow: hidden;}
.zzui_hs_wbottom dt a{line-height: 20px;font-size: 14px;color: #444;font-weight: 600;}
.zzui_hs_wbottom span.y.xw0 span.xg1.xw0{display: none;}
.zzui_hs_wbottom dt span, .zzui_hs_wbottom dt span a{margin-left: 10px;line-height: 20px;font-size: 12px;color: #bbb;font-weight: 400;}
.zzui_hswc_item{position: relative;padding: 25px 0;border-bottom: 1px solid #f0f2f7;overflow: hidden;}
.zzui_hswc_item:last-child{border-bottom: 0;}
.zzui_hswc_item .zzui_hswc_avt{float: left;width: 48px;height: 48px;margin-right: 15px;text-align: center;overflow: hidden;}
.zzui_hswc_item .zzui_hswc_avt img{width: 48px;height: 48px;-webkit-border-radius: 50%;border-radius: 50%;}
.zzui_hswc_item dl{min-height: 50px;overflow: hidden;}

/*资料*/
.zzui_hsd_c{padding: 20px 20px 10px;}
.zzui_hs_details .pf_l a{font-size: 13px;}
.zzui_hs_details .pf_l li{width: 50%; line-height: 25px; margin-bottom: 10px; font-size: 13px; color: #18191a; overflow: hidden;}
.zzui_hs_details .pf_l li a{line-height: 25px;font-size: 14px; color: #18191a;}
.zzui_hs_details .pf_l em{display: inline-block; width: 88px; padding-right: 20px; color: #999; text-align: right;}
.zzui_hs_details .zzui_hs_mf{font-size: 0;}
.zzui_hs_details .zzui_hs_mf a{display: inline-block; height: 28px; line-height: 28px; margin: 0 10px 10px 0; padding: 0 10px; font-size: 13px; color: #8590a6; background: #f6f6f6; border-radius: 5px; overflow: hidden;}
.zzui_hs_details .zzui_hs_mf a:hover{color: #fff; background: #0088ff;}
.zzui_hs_details p.md_ctrl img { margin-right: 10px;}

/*右边栏一*/
.zhanzhuai_follow_count{height: 70px;}
.zhanzhuai_follow_count li{width: 159px; height: 70px; border-right: 1px solid #f4f5f6; float: left; text-align: center;}
.zhanzhuai_follow_count li a{display: block; padding: 13px 0 9px;}
.zhanzhuai_follow_count li .inst{font-size: 14px; color: #8590a6;}
.zhanzhuai_follow_count li .number{padding: 0 10px; font-size: 18px; color: #333; font-weight: 700;}

/*右边栏二*/
.zhanzhuai_m_count li{height: 45px; line-height: 45px; padding: 0 20px; border-bottom: 1px solid #f0f2f7; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zhanzhuai_m_count li span{font-size: 14px; color: #646464;}
.zhanzhuai_m_count li span i{vertical-align: -2px; margin-right: 5px; font-size: 16px;}
.zhanzhuai_m_count li em{font-size: 14px; color: #8590a6;}

/*无内容提示*/
.zzui_hs_empty { padding: 30px; background: #fff; text-align: center;}
.zzui_hs_empty span { display: block;min-height: 110px; margin: 15px auto; background: url(../../zhanzhuaicn_img/hs_placeholder.png) no-repeat center center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;}
.zzui_hs_empty p { font-size: 14px; color: #8590a6; text-align: center;}



.zhanzhuai_ff .flw_article {padding: 0 10px 15px;}