子比小工具 Hai_导航矩阵

<?php
if(!defined('ABSPATH'))die;
CSF::createWidget('widget_hai_navigation',array('title'=>'Hai_导航矩阵','classname'=>'widget-hai-navigation','description'=>'站长导航矩阵展示组件，支持完全自定义配置','fields'=>array(array('type'=>'heading','content'=>'基础信息设置'),array('id'=>'title','type'=>'text','title'=>'模块标题','default'=>'站长导航矩阵'),array('id'=>'description','type'=>'textarea','title'=>'描述文字','default'=>'大海资源库・vip.lzzcc.cn 本站致力于分享优质实用的互联网资源，内容包括有网站搭建、建站源码、美化教程、SEO优化、免费工具、素材资源、技术教程等，应有尽有！','attributes'=>array('rows'=>3)),array('type'=>'heading','content'=>'主导航项目'),array('id'=>'nav_items','type'=>'group','title'=>'导航项目','desc'=>'添加主导航项目（建议4-5个）','button_title'=>'添加导航','fields'=>array(array('id'=>'icon','type'=>'icon','title'=>'图标','button_title'=>'选择图标','default'=>'fa fa-home'),array('id'=>'title','type'=>'text','title'=>'标题','default'=>'导航标题'),array('id'=>'url','type'=>'text','title'=>'链接地址','default'=>'#')),'default'=>array(array('icon'=>'fa fa-home','title'=>'站长导航','url'=>'https://lzzcc.cn/'),array('icon'=>'fa fa-magic','title'=>'AI导航','url'=>'https://lzzcc.cn/'),array('icon'=>'fa fa-paint-brush','title'=>'色彩导航','url'=>'https://lzzcc.cn/'),array('icon'=>'fa fa-book','title'=>'图书导航','url'=>'https://lzzcc.cn/'))),array('type'=>'heading','content'=>'更多导航下拉菜单'),array('id'=>'show_more_nav','type'=>'switcher','title'=>'显示更多导航','default'=>true),array('id'=>'more_nav_title','type'=>'text','title'=>'更多导航标题','default'=>'更多导航','dependency'=>array('show_more_nav','==','true')),array('id'=>'more_nav_icon','type'=>'icon','title'=>'更多导航图标','button_title'=>'选择图标','default'=>'fa fa-th','dependency'=>array('show_more_nav','==','true')),array('id'=>'more_nav_items','type'=>'group','title'=>'更多导航项目','desc'=>'添加"更多导航"下拉菜单项目','button_title'=>'添加项目','dependency'=>array('show_more_nav','==','true'),'fields'=>array(array('id'=>'icon','type'=>'icon','title'=>'图标','button_title'=>'选择图标','default'=>'fa fa-star'),array('id'=>'title','type'=>'text','title'=>'标题','default'=>'导航标题'),array('id'=>'url','type'=>'text','title'=>'链接地址','default'=>'#')),'default'=>array(array('icon'=>'fa fa-building','title'=>'大海公司','url'=>'https://lzzcc.cn/'),array('icon'=>'fa fa-shopping-cart','title'=>'电商导航','url'=>'https://lzzcc.cn/'),array('icon'=>'fa fa-file-text','title'=>'大海规范','url'=>'https://lzzcc.cn/'),array('icon'=>'fa fa-image','title'=>'站长9图','url'=>'https://lzzcc.cn/'))),array('type'=>'heading','content'=>'新媒体矩阵设置'),array('id'=>'show_media','type'=>'switcher','title'=>'显示新媒体矩阵','default'=>true),array('id'=>'media_title','type'=>'text','title'=>'新媒体标题','default'=>'站长新媒体矩阵','dependency'=>array('show_media','==','true')),array('type'=>'subheading','content'=>'微信公众号','dependency'=>array('show_media','==','true')),array('id'=>'wechat_title','type'=>'text','title'=>'微信标题','default'=>'站长微信','dependency'=>array('show_media','==','true')),array('id'=>'wechat_desc','type'=>'text','title'=>'微信描述','default'=>'每天官微五分钟，一年萌新变大神','dependency'=>array('show_media','==','true')),array('id'=>'wechat_qrcode','type'=>'upload','title'=>'微信二维码','default'=>'https://vip.lzzcc.cn/wp-content/uploads/2025/09/20250924014342515-9ffc89d5d1dea7185bc199f40ac4919d-2.webp','dependency'=>array('show_media','==','true')),array('type'=>'subheading','content'=>'微博账号','dependency'=>array('show_media','==','true')),array('id'=>'weibo_title','type'=>'text','title'=>'微博标题','default'=>'站长微博','dependency'=>array('show_media','==','true')),array('id'=>'weibo_desc','type'=>'text','title'=>'微博描述','default'=>'400W粉丝！每日更新大海干货','dependency'=>array('show_media','==','true')),
array('id'=>'weibo_accounts','type'=>'group','title'=>'微博账号列表','button_title'=>'添加账号','dependency'=>array('show_media','==','true'),'fields'=>array(array('id'=>'name','type'=>'text','title'=>'账号名称','default'=>'微博账号'),array('id'=>'url','type'=>'text','title'=>'账号链接','default'=>'#'),array('id'=>'desc','type'=>'text','title'=>'账号描述','default'=>'账号简介')),'default'=>array(array('name'=>'站长UISDC','url'=>'https://lzzcc.cn/','desc'=>'400W粉丝！每日更新大海干货'),array('name'=>'站长','url'=>'https://lzzcc.cn/','desc'=>'强烈推荐！站长官方品牌微博'),array('name'=>'大海创业网','url'=>'https://tu66.cn/','desc'=>'官方微博，海量教程看不完'),array('name'=>'站长基础训练营','url'=>'https://lzzcc.cn/','desc'=>'零基础入门，带你成为软件高手'))),array('type'=>'subheading','content'=>'小红书','dependency'=>array('show_media','==','true')),array('id'=>'xiaohongshu_title','type'=>'text','title'=>'小红书标题','default'=>'站长小红书','dependency'=>array('show_media','==','true')),array('id'=>'xiaohongshu_desc','type'=>'text','title'=>'小红书描述','default'=>'专业大海图文短内容频道','dependency'=>array('show_media','==','true')),array('id'=>'xiaohongshu_url','type'=>'text','title'=>'小红书链接','default'=>'https://www.xiaohongshu.com/user/profile/676ba1c60000000015004c75','dependency'=>array('show_media','==','true')),array('type'=>'subheading','content'=>'站长社群','dependency'=>array('show_media','==','true')),array('id'=>'qun_title','type'=>'text','title'=>'社群标题','default'=>'站长社群','dependency'=>array('show_media','==','true')),array('id'=>'qun_desc','type'=>'text','title'=>'社群描述','default'=>'严格审核打造高质量交流群','dependency'=>array('show_media','==','true')),array('id'=>'qun_groups','type'=>'group','title'=>'微信群列表','button_title'=>'添加群组','dependency'=>array('show_media','==','true'),'fields'=>array(array('id'=>'name','type'=>'text','title'=>'群组名称','default'=>'交流群')),'default'=>array(array('name'=>'站长AIGC自学交流群'),array('name'=>'站长小红书个人IP交流群'),array('name'=>'站长大海师交流群'),array('name'=>'站长UI大海师交流群'),array('name'=>'站长交互大海师交流群'),array('name'=>'站长平面品牌大海师交流群'),array('name'=>'站长3D大海师交流群'),array('name'=>'站长摄影剪辑爱好者交流群'))),array('id'=>'qun_qrcode','type'=>'upload','title'=>'管理员二维码','default'=>'https://lzzcc.cn/img/%E5%85%B3%E6%B3%A8.svg','dependency'=>array('show_media','==','true')),array('id'=>'qun_wechat','type'=>'text','title'=>'管理员微信号','default'=>'招码添加','dependency'=>array('show_media','==','true')),array('type'=>'heading','content'=>'收录数量统计'),array('id'=>'show_amount','type'=>'switcher','title'=>'显示收录数量','default'=>true),array('id'=>'amount_title','type'=>'text','title'=>'统计标题','default'=>'已收录精选文章','dependency'=>array('show_amount','==','true')),array('id'=>'site_count','type'=>'text','title'=>'收录文章数量','default'=>'','dependency'=>array('show_amount','==','true'),'desc'=>'留空则自动统计已发布文章数量'),array('id'=>'update_date','type'=>'text','title'=>'更新日期','default'=>'','dependency'=>array('show_amount','==','true'),'desc'=>'留空则自动显示当前日期'),array('id'=>'submit_url','type'=>'text','title'=>'投稿链接','default'=>'https://lzzcc.cn/','dependency'=>array('show_amount','==','true')),array('id'=>'submit_text','type'=>'text','title'=>'入驻按钮文字','default'=>'我要投稿','dependency'=>array('show_amount','==','true')))));
if(!function_exists('widget_hai_navigation')){function widget_hai_navigation($args,$instance){echo $args['before_widget'];$title=!empty($instance['title'])?$instance['title']:'站长导航矩阵';$description=!empty($instance['description'])?$instance['description']:'';$nav_items=!empty($instance['nav_items'])?$instance['nav_items']:array();$show_more_nav=isset($instance['show_more_nav'])?(bool)$instance['show_more_nav']:true;$more_nav_items=!empty($instance['more_nav_items'])?$instance['more_nav_items']:array();$show_media=isset($instance['show_media'])?(bool)$instance['show_media']:true;$show_amount=isset($instance['show_amount'])?(bool)$instance['show_amount']:true;if(current_user_can('manage_options')&&isset($_GET['debug_widget'])){echo '<pre style="background:#f0f0f0;padding:10px;margin:10px;border:1px solid #ccc;">';echo 'show_more_nav: '.var_export($show_more_nav,true)."n";echo 'more_nav_items count: '.count($more_nav_items)."n";echo 'more_nav_items: '.print_r($more_nav_items,true);echo '</pre>';}widget_hai_navigation_styles();?>
<div class="part-introduction"><div class="b-wrap flex"><div class="f-item intro-item b-intro"><h2 class="b-title"><?php echo esc_html($title);?></h2><div class="b-content"><?php if($description):?><p><?php echo wp_kses_post($description);?></p><?php endif;?><div class="navs flex"><?php foreach($nav_items as $item):?><div class="f-item n-item"><a href="<?php echo esc_url($item['url']);?>" target="_blank" class="f-box ptitle"><i class="ico"><i class="<?php echo esc_attr($item['icon']);?>"></i></i><strong><?php echo esc_html($item['title']);?></strong></a></div><?php endforeach;?><?php if($show_more_nav&&!empty($more_nav_items)):?><div class="f-item n-item"><div class="f-box ptitle"><i class="ico"><i class="<?php echo esc_attr(!empty($instance['more_nav_icon'])?$instance['more_nav_icon']:'fa fa-th');?>"></i></i><strong><?php echo esc_html(!empty($instance['more_nav_title'])?$instance['more_nav_title']:'更多导航');?></strong></div><div class="n-submenu"><div class="ns-wrap flex"><?php foreach($more_nav_items as $item):?><div class="f-item nm-item"><a href="<?php echo esc_url($item['url']);?>" target="_blank" class="f-box ptitle"><i class="ico"><i class="<?php echo esc_attr($item['icon']);?>"></i></i><strong><?php echo esc_html($item['title']);?></strong></a></div><?php endforeach;?></div></div></div><?php endif;?></div></div></div>
<?php if($show_media):?><div class="f-item intro-item b-media"><h2 class="b-title"><?php echo esc_html(!empty($instance['media_title'])?$instance['media_title']:'站长新媒体矩阵');?></h2><div class="b-content"><div class="medias"><div class="m-wrap flex f-2"><div class="part-media-item-wechat f-item m-item"><div class="f-box m-box"><div class="m-c"><i class="ico"><i class="fa fa-wechat"></i></i><strong><?php echo esc_html(!empty($instance['wechat_title'])?$instance['wechat_title']:'站长微信');?></strong><i class="desc"><?php echo esc_html(!empty($instance['wechat_desc'])?$instance['wechat_desc']:'');?></i></div></div><?php if(!empty($instance['wechat_qrcode'])):?><div class="ewm-content ewm-wechat"><div class="ewm-main"><div class="thumb-div fl"><i class="thumb" style="background-image:url('<?php echo esc_url($instance['wechat_qrcode']);?>');"></i></div><h4>每天官微五分钟</h4><h4>一年萌新变大神</h4><h4><span><i class="fa fa-wechat"></i> 扫码关注 </span></h4></div></div><?php endif;?></div>
<div class="part-media-item-sina f-item m-item"><div class="f-box m-box"><div class="m-c"><i class="ico"><i class="fa fa-weibo"></i></i><strong><?php echo esc_html(!empty($instance['weibo_title'])?$instance['weibo_title']:'站长微博');?></strong><i class="desc"><?php echo esc_html(!empty($instance['weibo_desc'])?$instance['weibo_desc']:'');?></i></div></div><?php if(!empty($instance['weibo_accounts'])):?><div class="ewm-content ewm-weibo"><div class="ewm-main"><div class="items flex f-2"><?php foreach($instance['weibo_accounts'] as $account):?><div class="item f-item"><a href="<?php echo esc_url($account['url']);?>" target="_blank"><span class="item-ico">@</span><div class="item-title"><?php echo esc_html($account['name']);?></div><div class="item-desc"><?php echo esc_html($account['desc']);?></div></a></div><?php endforeach;?></div></div></div><?php endif;?></div>
<div class="part-media-item-xiaohongshu f-item m-item"><a href="<?php echo esc_url(!empty($instance['xiaohongshu_url'])?$instance['xiaohongshu_url']:'#');?>" target="_blank" class="f-box m-box"><div class="m-c"><i class="ico"><i class="fa fa-heart"></i></i><strong><?php echo esc_html(!empty($instance['xiaohongshu_title'])?$instance['xiaohongshu_title']:'站长小红书');?></strong><i class="desc"><?php echo esc_html(!empty($instance['xiaohongshu_desc'])?$instance['xiaohongshu_desc']:'');?></i></div></a></div>
<div class="part-media-item-qun f-item m-item"><div class="f-box m-box"><div class="m-c"><i class="ico"><i class="fa fa-users"></i></i><strong><?php echo esc_html(!empty($instance['qun_title'])?$instance['qun_title']:'站长社群');?></strong><i class="desc"><?php echo esc_html(!empty($instance['qun_desc'])?$instance['qun_desc']:'');?></i></div></div><?php if(!empty($instance['qun_groups'])||!empty($instance['qun_qrcode'])):?><div class="ewm-content ewm-qun"><div class="ewm-main clearfix"><?php if(!empty($instance['qun_groups'])):?><div class="ewm-qun-1"><h2><i class="ico fa fa-wechat"></i> 站长官方微信群</h2><div class="ewm-qun-ul"><?php $groups=$instance['qun_groups'];$half=ceil(count($groups)/2);?><ul><?php for($i=0;$i<$half;$i++):?><?php if(isset($groups[$i])):?><li><i class="num"><?php echo str_pad($i+1,2,'0',STR_PAD_LEFT);?></i><?php echo esc_html($groups[$i]['name']);?></li><?php endif;?><?php endfor;?></ul><ul><?php for($i=$half;$i<count($groups);$i++):?><?php if(isset($groups[$i])):?><li><i class="num"><?php echo str_pad($i+1,2,'0',STR_PAD_LEFT);?></i><?php echo esc_html($groups[$i]['name']);?></li><?php endif;?><?php endfor;?></ul></div></div><?php endif;?><?php if(!empty($instance['qun_qrcode'])):?><div class="ewm-qun-2"><div class="thumb-div"><i class="thumb" style="background-image:url('<?php echo esc_url($instance['qun_qrcode']);?>');"></i></div><h3>微信扫码 添加管理员 大海Dahai</h3><h5>微信号： <?php echo esc_html(!empty($instance['qun_wechat'])?$instance['qun_wechat']:'');?></h5><h5>严格审核打造高质量交流群</h5><h5>进QQ 群谢绝打广告</h5></div><?php endif;?></div></div><?php endif;?></div></div></div></div></div><?php endif;?>
<?php if($show_amount):?><div class="f-item intro-item b-amount"><h2 class="b-title"><?php echo esc_html(!empty($instance['amount_title'])?$instance['amount_title']:'已收录精选文章');?></h2><div class="b-content"><div class="site-amount"><strong><?php if(!empty($instance['site_count'])){echo esc_html($instance['site_count']);}else{$post_count=wp_count_posts('post');echo esc_html($post_count->publish);}?></strong><i>篇</i></div><h4 class="site-update"><i class="fa fa-clock-o"></i> 导航更新日期 <?php echo esc_html(!empty($instance['update_date'])?$instance['update_date']:date('Y-m-d'));?></h4><div class="btns"><a href="<?php echo esc_url(!empty($instance['submit_url'])?$instance['submit_url']:'#');?>" target="_blank" rel="noreferrer nofollow" class="btn btn-blue"><i class="fa fa-star"></i> <?php echo esc_html(!empty($instance['submit_text'])?$instance['submit_text']:'我要投稿');?></a></div></div></div><?php endif;?></div></div><?php echo $args['after_widget'];}}
if(!function_exists('widget_hai_navigation_styles')){function widget_hai_navigation_styles(){static $styles_printed=false;if($styles_printed)return;$styles_printed=true;?>
<style>.widget-hai-navigation .part-introduction{background-color:#fff;border-radius:10px;padding:10px}.widget-hai-navigation .b-wrap{display:flex;flex-wrap:nowrap}.widget-hai-navigation .b-title{font-size:20px;color:#000;line-height:28px;margin-bottom:20px;white-space:nowrap}.widget-hai-navigation .b-content{width:100%}.widget-hai-navigation .intro-item{flex-grow:1;padding-right:3%}.widget-hai-navigation .b-intro{width:610px}.widget-hai-navigation .b-intro p{font-size:14px;color:#a0a0a0;line-height:25px;min-height:50px;overflow:visible;margin-bottom:30px;display:block}.widget-hai-navigation .b-media{display:none}@media (min-width:1330px){.widget-hai-navigation .b-media{display:block;width:460px}}.widget-hai-navigation .b-amount{flex-grow:0;flex-shrink:0;display:none}@media (min-width:1660px){.widget-hai-navigation .b-amount{display:block}}.widget-hai-navigation .site-amount{color:#417ff9;margin-bottom:10px}.widget-hai-navigation .site-amount strong{font-size:64px;font-weight:normal;font-family:Barlow-SemiBold,Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}.widget-hai-navigation .site-amount i{font-size:14px}.widget-hai-navigation .site-update{font-weight:normal;font-size:14px;line-height:20px;color:#a1a1a1;margin-bottom:18px}.widget-hai-navigation .btns .btn{font-size:14px;line-height:40px;padding:0 25px;display:inline-block;border-radius:.4em;white-space:nowrap;border:none;text-align:center;cursor:pointer}.widget-hai-navigation .btn-blue{color:#fff;background-color:#417ff9}.widget-hai-navigation .btn-blue:hover{background-color:#286ef8}.widget-hai-navigation .navs{display:flex;flex-wrap:wrap;margin:0 -7px -14px}.widget-hai-navigation .navs .n-item{width:33.33333333%;padding:0 7px;margin-bottom:14px;position:relative;cursor:pointer}@media (min-width:750px){.widget-hai-navigation .navs .n-item{width:20%}}.widget-hai-navigation .navs .n-item:hover .n-submenu{visibility:visible;opacity:1;transition:all .2s}.widget-hai-navigation .navs .n-item.active .n-submenu{visibility:visible;opacity:1}.widget-hai-navigation .navs .nm-item{width:25%;padding:0 5px;margin-bottom:10px}.widget-hai-navigation .navs .ptitle{display:block;background-color:#f9fcff;border:1px solid #f3f9ff;text-align:center;padding:10px;border-radius:6px;color:#a0a0a0}.widget-hai-navigation .navs .ptitle:hover{background-color:#ff6000;color:#fff}.widget-hai-navigation .navs .ptitle:hover .ico{color:#fff}.widget-hai-navigation .navs .ptitle strong,.widget-hai-navigation .navs .ptitle i{margin:0 auto;display:block;font-weight:normal}.widget-hai-navigation .navs .ptitle .ico{font-size:24px;margin-bottom:9px;color:#417ff9}.widget-hai-navigation .navs .ptitle strong{white-space:nowrap;width:4em;overflow:hidden}.widget-hai-navigation .navs .n-submenu{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 5px);padding-bottom:10px;visibility:hidden;opacity:0;z-index:999}.widget-hai-navigation .navs .ns-wrap{background-color:#fff;padding:20px 10px 10px;border-radius:10px;width:370px;box-shadow:0 16px 32px 0 rgba(0,0,0,.1);position:relative;display:flex;flex-wrap:wrap}.widget-hai-navigation .navs .ns-wrap::before{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;border:5px solid transparent;border-top-color:#fff}
.widget-hai-navigation .medias{background-color:#f9fcff;padding:10px;border-radius:10px;border:1px solid #f3f9ff}.widget-hai-navigation .m-wrap{display:flex;flex-wrap:wrap}.widget-hai-navigation .f-2>.f-item{width:50%}.widget-hai-navigation .m-item{position:relative}.widget-hai-navigation .m-item:hover .ewm-content{visibility:visible;opacity:1;transition:all .2s}.widget-hai-navigation .m-item.active .ewm-content{visibility:visible;opacity:1}.widget-hai-navigation .m-box{display:block;padding:20px;border-radius:10px}.widget-hai-navigation .m-box:hover{background-color:#fff}.widget-hai-navigation .m-box:hover .ico{background-color:#ff6000}.widget-hai-navigation .m-c{position:relative;padding-left:46px;min-height:36px}.widget-hai-navigation .m-c .ico{display:block;position:absolute;left:0;top:0;width:36px;height:36px;border-radius:100%;overflow:hidden;line-height:36px;text-align:center;background-color:#417ff9;color:#fff;font-size:20px}.widget-hai-navigation .m-c strong{display:block;font-size:15px;line-height:20px;color:#3c3c3c;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-hai-navigation .m-c .desc{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#8f8f8f;line-height:18px}.widget-hai-navigation .ewm-content{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 5px);background:#fff;border-radius:10px;box-shadow:0 16px 32px 0 rgba(0,0,0,.1);box-sizing:border-box;width:330px;margin-bottom:5px;visibility:hidden;opacity:0;transition:all .2s;z-index:999}.widget-hai-navigation .ewm-content::before{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff}.widget-hai-navigation .ewm-main{padding:40px 25px 40px 30px;text-align:left}.widget-hai-navigation .ewm-main .fl{float:left}.widget-hai-navigation .ewm-main .thumb-div{width:120px;margin-right:30px}.widget-hai-navigation .ewm-main .thumb{position:relative;display:block;width:100%;padding-top:100%;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}.widget-hai-navigation .ewm-main h4{font-size:14px;font-weight:normal;color:#333;line-height:1.714;margin-top:4px}.widget-hai-navigation .ewm-weibo{width:520px;left:50%;transform:translateX(-50%);max-height:none}.widget-hai-navigation .ewm-weibo::before{left:50%;transform:translateX(-50%)}.widget-hai-navigation .ewm-weibo .ewm-main{padding:20px 20px 10px}.widget-hai-navigation .ewm-weibo .ewm-main .items{overflow:visible;margin:0 -10px;display:flex;flex-wrap:wrap}.widget-hai-navigation .ewm-weibo .ewm-main .items .item{float:none;width:50%;padding:0 10px 10px;box-sizing:border-box}.widget-hai-navigation .ewm-weibo .ewm-main .items .item a{display:block;background:#f7f7f7;border-radius:4px;position:relative;padding:18px 16px 18px 44px;letter-spacing:0;color:#333;min-height:80px;box-sizing:border-box}.widget-hai-navigation .ewm-weibo .ewm-main .items .item a .item-ico{display:block;position:absolute;left:20px;top:18px;background:#9199a1;color:#fff;font-size:12px;font-family:ArialMT,Arial;width:18px;height:18px;text-align:center;line-height:18px;border-radius:100%}.widget-hai-navigation .ewm-weibo .ewm-main .items .item a .item-title{font-size:14px;font-weight:normal;margin-bottom:6px;line-height:1.5;overflow:visible;height:auto;white-space:normal;color:#333}.widget-hai-navigation .ewm-weibo .ewm-main .items .item a .item-desc{font-size:12px;font-weight:normal;color:#b2b2b2;line-height:1.5;overflow:visible;height:auto;margin-top:0;white-space:normal}.widget-hai-navigation .ewm-weibo .ewm-main .items .item a:hover{background:#ff6000;color:#fff}.widget-hai-navigation .ewm-weibo .ewm-main .items .item a:hover .item-title{color:#fff}.widget-hai-navigation .ewm-weibo .ewm-main .items .item a:hover .item-desc{color:#fff}.widget-hai-navigation .ewm-weibo .ewm-main .items .item a:hover .item-ico{background:#fff;color:#ff6000}.widget-hai-navigation .ewm-content.ewm-qun{width:480px;left:50%;transform:translateX(-50%)}.widget-hai-navigation .ewm-content.ewm-qun .ewm-main{padding:30px}.widget-hai-navigation .ewm-content.ewm-qun .ewm-main:before,.widget-hai-navigation .ewm-content.ewm-qun .ewm-main:after{content:" ";display:table}.widget-hai-navigation .ewm-content.ewm-qun .ewm-main:after{clear:both}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-1{border-bottom:1px solid #eee;margin:0 -30px 20px;padding:0 30px 15px}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-1 h2{font-size:18px;color:#47c333;margin-bottom:15px}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-1 h2 .ico{font-size:18px}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-ul{margin-top:0;overflow:hidden}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-ul ul{margin:0;text-align:left;float:left;width:50%}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-ul li{display:block;font-size:14px;margin-bottom:10px;color:#5b5b5b;width:100%;line-height:18px}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-ul li .num{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;border:1px solid #5b5b5b;border-radius:4px;vertical-align:top;margin-right:10px;font-size:12px}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-2{overflow:hidden}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-2 .thumb-div{float:left;margin-right:20px;width:120px}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-2 h3{font-size:16px;line-height:24px;color:#323232;margin:12px 0}.widget-hai-navigation .ewm-content.ewm-qun .ewm-qun-2 h5{font-size:12px;color:#5b5b5b;line-height:16px;margin-bottom:0}.widget-hai-navigation .clearfix:before,.widget-hai-navigation .clearfix:after{content:" ";display:table}.widget-hai-navigation .clearfix:after{clear:both}@media (max-width:749.5px){.widget-hai-navigation .part-introduction{margin:0 10px 15px;padding:15px}.widget-hai-navigation .b-title{font-size:16px;margin-bottom:10px}.widget-hai-navigation .b-intro p{font-size:12px;line-height:18px;height:auto}.widget-hai-navigation .intro-item{padding-right:0}}</style>
<script>jQuery(document).ready(function($){$('.widget-hai-navigation .navs .n-item').on('click',function(e){if($(this).find('.n-submenu').length>0){e.stopPropagation();$(this).toggleClass('active');$('.widget-hai-navigation .navs .n-item').not(this).removeClass('active')}});$('.widget-hai-navigation .m-item').on('click',function(e){if($(this).find('.ewm-content').length>0){e.preventDefault();e.stopPropagation();$(this).toggleClass('active');$('.widget-hai-navigation .m-item').not(this).removeClass('active')}});$(document).on('click',function(){$('.widget-hai-navigation .navs .n-item').removeClass('active');$('.widget-hai-navigation .m-item').removeClass('active')});$('.widget-hai-navigation .n-submenu, .widget-hai-navigation .ewm-content').on('click',function(e){e.stopPropagation()})});</script>
<?php }}