﻿
/* side */
.side{position:fixed;width:46px;height:275px;right:3px;top:274px;z-index:100;}
.side ul li{width:46px;height:46px;float:left;position:relative;border-bottom:1px solid #fff;}
.side ul li img{width:26px;height:26px;float:left;position:relative; padding:10px 10px 10px 10px;}
.side ul li span{ line-height:46px; font-size:16px;}
.side ul li .sidebox{position:absolute;width:46px;height:46px;line-height:46px;right:0;transition:all 0.3s;background:#2c9bff;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.sidec{position:fixed;width:46px;height:275px;right:3px;top:274px;z-index:100;}
.sidec ul li{width:46px;height:46px;float:left;position:relative;border-bottom:1px solid #fff;}
.sidec ul li img{width:26px;height:26px;float:left;position:relative; padding:10px 10px 10px 10px;}
.sidec ul li span{ line-height:46px; font-size:16px;}
.side ul li .sideboxc{position:absolute;width:46px;height:46px;line-height:46px;right:0;transition:all 0.3s;background:#2c9bff;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:46px;height:46px;line-height:46px;display:inline-block;background:#2c9bff;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ffaf2d;opacity:1;filter:Alpha(opacity=100);line-height:46px;}
.side ul li img{float:left;}



/* 旧版 */

/*@font-face {
	font-family: 'icomoon';
    src:url('../images/kefu/fonts/icomoon.eot?qradjf');
    src:url('../imges/kefu/fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../images/kefu/fonts/icomoon.ttf?qradjf') format('truetype'),
        url('../images/kefu/fonts/icomoon.woff?qradjf') format('woff'),
        url('../images/kefu/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; 
}


.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:46px;height:46px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:0px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:22px;line-height:46px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#2c9bff;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#2c9bff;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:#2c9bff;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#2c9bff}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#999;}
.meau-sev .cndns-right-btn{border-color:#2c9bff; display: inline-table;background:url(../images/kefu/kefu.png) no-repeat #fff center; background-attachment: inherit} 
.meau-sev .cndns-right-btn p{color:#2c9bff}
.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:#2c9bff}
.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 #2c9bff;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(../images/kefu/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:24px;float:left;display:block;line-height:26px;margin-right:5px;color:#2c9bff}
.cndns-right-box .box-border .sev-t p{color:#2c9bff;font-size:18px;line-height:24px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px; padding-top:5px; line-height:16px;color:#aaa; text-align:left}
.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:200px; float:left;}
.cndns-right-box .box-border .sev-b li a{display:inline-block; float:left;color:#999;font-size:14px;padding-left:0px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#2c9bff}
.meau-sev .cndns-right-box .box-border{width:230px;}
.meau-contact .cndns-right-box .box-border{width:160px;}
.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:216px;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:#fff}
.meau-zs .cndns-right-btn{background-color:#fff;color:#2c9bff;margin-top:80px;border-color:#2c9bff}
.meau-zs .cndns-right-btn span{color:#2c9bff}
.meau-zs .cndns-right-btn p{color:#fff}*/