<?php defined('IN_YUNYECMS') or exit('No permission.'); ?>  <link rel="stylesheet" href="<?php echo YUNYECMS_UI;?>plugins/font-awesome-4.7.0/css/font-awesome.min.css">
<style type="text/css">
.clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
	font-family: 'icomoon';
    src:url('<?php echo ADDONS_TPL;?>static/<?php echo $onlinecfg["theme"] ;?>/fonts/icomoon.eot?qradjf');
    src:url('<?php echo ADDONS_TPL;?>static/<?php echo $onlinecfg["theme"] ;?>/fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('<?php echo ADDONS_TPL;?>static/<?php echo $onlinecfg["theme"] ;?>/fonts/icomoon.ttf?qradjf') format('truetype'),
        url('<?php echo ADDONS_TPL;?>static/<?php echo $onlinecfg["theme"] ;?>/fonts/icomoon.woff?qradjf') format('woff'),
        url('<?php echo ADDONS_TPL;?>static/<?php echo $onlinecfg["theme"] ;?>/fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(<?php echo ADDONS_TPL;?>static/<?php echo $onlinecfg["theme"] ;?>/images/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(<?php echo ADDONS_TPL;?>static/<?php echo $onlinecfg["theme"] ;?>/images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
	
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;  display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:17px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%;list-style: none;}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(<?php echo ADDONS_TPL;?>static/<?php echo $onlinecfg["theme"] ;?>/images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
</style>

<!--右侧-->
<div class="cndns-right">
	  <?php if(is_array($cat)): $i = -1; $__DATA__ = $cat;if(count($__DATA__)==0 )  echo "" ;foreach($__DATA__ as $key=>$vc): $mod = ($i % 2 );++$i;?>
	    <?php if($vc['index']=="qq") { ?>
	  <div class="cndns-right-meau meau-sev">
        <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon">&#xe901;</span>
            <p>
                在线<br />
                客服
            </p>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <span class="demo-icon">&#xe901;</span>
                    <p>在线客服<i>服务时间：9:00-18:30</i></p>
                    <div class="clear"></div>
                </div>
                <div class="sev-b">
                    <h4>选择下列客服马上在线沟通：</h4>
                    <ul id="zixunUl">
						 <?php if(is_array($vc['list'])): $i = -1; $__DATA__ = $vc['list'];if(count($__DATA__)==0 )  echo "" ;foreach($__DATA__ as $key=>$v): $mod = ($i % 2 );++$i;?>
                           <li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=<?php echo $v["num"] ;?>&amp;site=qq&amp;menu=yes"><?php echo $v["title"] ;?></a></li>
						 <?php  endforeach;  endif; ?>
                        <div class="clear"></div>
                    </ul>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
	    <?php } elseif ($vc['index']=="phone") { ?>
	    <div class="cndns-right-meau meau-contact">
        <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon">&#xe902;</span>
            <p>
                客服<br />
                热线
            </p>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t" style="width: 250px;">
					<?php if(is_array($vc['list'])): $n = -1; $__DATA__ = $vc['list'];if(count($__DATA__)==0 )  echo "" ;foreach($__DATA__ as $key=>$v): $mod = ($n % 2 );++$n;?>
                    <span class="demo-icon">&#xe902;</span>
                    <p><?php echo $v["num"] ;?><br /><i><?php echo $v["title"] ;?></i></p>
					 <?php  endforeach;  endif; ?>
                    <div class="clear"></div>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
        <?php } elseif ($vc['index']=="weixin") { ?>
	    <div class="cndns-right-meau meau-code">
        <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon">&#xe903;</span>
            <p>
                关注<br />
                微信
            </p>
        </a>
		<?php if(is_array($vc['list'])): $n = -1; $__DATA__ = $vc['list'];if(count($__DATA__)==0 )  echo "" ;foreach($__DATA__ as $key=>$v): $mod = ($n % 2 );++$n;?>	
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <img src="<?php echo $v["pic"] ;?>" width="150" />
                    <i>关注官方微信</i>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
		<?php  endforeach;  endif; ?>
			
    </div>
	
	 <?php } elseif ($vc['index']=="feedback") { ?>
	<?php if(is_array($vc['list'])): $n = -1; $__DATA__ = $vc['list'];if(count($__DATA__)==0 )  echo "" ;foreach($__DATA__ as $key=>$v): $mod = ($n % 2 );++$n;?>	
    <div class="cndns-right-meau meau-car">
        <a href="<?php echo $v["num"] ;?>" class="cndns-right-btn">
            <span class="fa fa-edit"></span>
        </a>
    </div>
	<?php  endforeach;  endif; ?>
	
	    <?php } ?>
	<?php  endforeach;  endif; ?>
	
	
	
	
	
	



    <div class="cndns-right-meau meau-top" id="top-back">
        <a href="javascript:" class="cndns-right-btn" onclick="topBack()">
            <span class="demo-icon">&#xe904;</span>
            <i>顶部</i>
        </a>
    </div>

</div>

<script type="text/javascript" src="<?php echo ADDONS_TPL;?>static/<?php echo $onlinecfg["theme"] ;?>/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
//置顶图标显示
$('#top-back').hide()
$(window).scroll(function(){
	 if($(this).scrollTop() > 350){
		$("#top-back").fadeIn();
	 }
	 else{
		$("#top-back").fadeOut();
	 }
  })	
//置顶事件
function topBack(){
  $('body,html').animate({scrollTop:0},300);
}
</script>


