.serviceb{z-index: 999;width:126px;height:380px;position:fixed;right:0;display:none;top: 15%;}
.serviceb>i{ width: 100%;height: 20px; display: block; text-align: right;margin-bottom:2px;  }
.serviceb>i>img { width: 20px; height: 20px; }


.serviceb h4{width:100%;height:61px;background-color:#d81e06;color:#fff;font-size:16px;line-height:22px;text-align:center;padding:8px 0;font-weight:bold;border-top-left-radius:10px;border-top-right-radius:10px;margin:0;}
.serviceb .fl_o{background:#fff;margin:-16px 0;padding:10px 0 0 0;border:1px solid #ddd;}
.serviceb .fl_o_o{color:#7d7d7d;font-size:14px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;width:108px;text-align:center;margin:auto auto 10px auto;}
.serviceb .fl_o_o:last-child{border-bottom:0;}.serviceb .fr_o{margin:90px 0 60px 0;}
.serviceb .fr_t{margin-left:8px;cursor:pointer;}.serviceb{height:auto;display:block;bottom:200px}
.serviceb .fl_o_o dd{line-height:22px;margin-left:0;}.serviceb .fl_o_o dd a{color:#333;text-decoration:none;}
.serviceb .fl_o{margin:-16px 0 -11px 0;}.serviceb .fr_o{margin:90px 0 168px 0;}
.serviceb .scroll_top { width: 100%; height: 55px; background: url(https://ganxun.oss-cn-beijing.aliyuncs.com/common/up.png) center no-repeat; background-size: 30px 35px; }
.serviceb .scroll_top:hover { cursor: pointer;    }

@keyframes scaleToggleOne {
	0 {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	50% {
		transform: scale(2);
		-webkit-transform: scale(2)
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@keyframes scaleToggleTwo {
	0 {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	20% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	60% {
		transform: scale(2);
		-webkit-transform: scale(2)
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@keyframes scaleToggleThree {
	0 {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	33% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	66% {
		transform: scale(2);
		-webkit-transform: scale(2)
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.livechat-girl {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: fixed;
	bottom: 0;
	right: 40px;
	opacity: 0;
	-webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
	box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
	z-index: 700;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	cursor: pointer;
	-webkit-transition: all 1s cubic-bezier(.86,0,.07,1);
	transition: all 1s cubic-bezier(.86,0,.07,1)
}

.livechat-girl:focus {
	outline: 0
}

.livechat-girl.animated {
	opacity: 1;
	transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px)
}

.livechat-girl:after {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-image: linear-gradient(to bottom,#26c7fc,#26c7fc);
	position: absolute;
	right: 1px;
	top: 1px;
	z-index: 50
}

.livechat-girl .girl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 50
}

.livechat-girl .animated-circles .circle {
	background: rgba(38,199,252,.25);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	z-index: 49;
	transform: scale(1);
	-webkit-transform: scale(1)
}

.livechat-girl .animated-circles.animated .c-1 {
	animation: 2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards
}

.livechat-girl .animated-circles.animated .c-2 {
	animation: 2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards
}

.livechat-girl .animated-circles.animated .c-3 {
	animation: 3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards
}

.livechat-girl.animation-stopped .circle {
	opacity: 0!important
}

.livechat-girl.animation-stopped .circle {
	opacity: 0!important
}

.livechat-girl .livechat-hint {
	position: absolute;
	right: 40px;
	top: 50%;
	margin-top: -20px;
	opacity: 0;
	z-index: 0;
	-webkit-transition: all .3s cubic-bezier(.86,0,.07,1);
	transition: all .3s cubic-bezier(.86,0,.07,1)
}

.livechat-girl .livechat-hint.show_hint {
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
	opacity: 1
}

.livechat-girl .livechat-hint.hide_hint {
	opacity: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.livechat-girl .livechat-hint.rd-notice-tooltip {
	max-width: 1296px!important
}

.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis
}

@media only screen and (max-width:1599px) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
		max-width: 1060px!important
	}
}

@media only screen and (max-width:1309px) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
		max-width: 984px!important
	}
}

@media only screen and (max-width:1124px) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
		max-width: 600px!important
	}
}

.rd-notice-tooltip {
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	font-size: 14px;
	border-radius: 3px;
	line-height: 1.25;
	position: absolute;
	z-index: 65;
	max-width: 350px;
	opacity: 1
}

.rd-notice-tooltip:after {
	position: absolute;
	display: block;
	content: '';
	height: 20px;
	width: 20px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 50
}

.rd-notice-tooltip .rd-notice-content {
	background: 0;
	border-radius: 3px;
	width: 100%;
	color: #fff;
	position: relative;
	z-index: 60;
	padding: 20px;
	font-weight: 400;
	line-height: 1.45
}

.rd-notice-type-success {
	background-color: #26c7fc;
	-webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2);
	box-shadow: 0 5px 10px 0 rgba(38,199,252,.2)
}

.rd-notice-type-success .rd-notice-content {
	background-color: #26c7fc
}

.rd-notice-type-success:after {
	background-color: #26c7fc;
	-webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2);
	box-shadow: 0 5px 10px 0 rgba(38,199,252,.2)
}

.rd-notice-position-left {
	margin-left: -20px
}

.rd-notice-position-left:after {
	right: -6px;
	top: 50%;
	margin-top: -10px
}

.rd-notice-tooltip.single-line .rd-notice-content {
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	white-space: nowrap
}





/*悬浮框-开始*/
.fix-box {
  position: fixed;
  top: 50%;
  right: 0px;
  width: 64px;
  height: 465px;
  margin-top: -128px;
  z-index: 999;
  border: solid 1px #eee;
  background-color: #fff;
  border-right: none;
  -moz-box-shadow:-1px 2px 5px #333333; -webkit-box-shadow:-1px 2px 5px #333333; box-shadow:-1px 2px 5px #333333;
}
.fix-box .operationWrapper {
  float: right;
  width: 64px;
  height: 465px;
  margin-bottom:-10px;
	overflow:hidden;
}
.fix-box .operationWrapper a.navBtn {
  display: block;
  width: 64px;
  height: 95px;
  border-bottom: solid 1px #eee;
  z-index: 999;

}

.fix-box .operationWrapper a.navBtn p{padding-top:40px;width: 40px ; margin: 0 auto; text-align: center;font-size: 13px;}

.fix-box .operationWrapper a.navBtn:hover {
  background-color: #c7161e;

}
.fix-box .operationWrapper .navBtn-1:hover{
	
  background-image: url('../images/dianhua-white.png');	
}
.fix-box .operationWrapper .navBtn-2:hover{
	
  background-image: url('../images/zhixun-white.png');	
}
.fix-box .operationWrapper .navBtn-3:hover{
	
  background-image: url('../images/fangan-white.png');	
}
.fix-box .operationWrapper .navBtn-4:hover{
	
  background-image: url('../images/yuyue-white.png');	
}

.fix-box .operationWrapper .backTop:hover{
	  background-image: url('../images/top-white.png');	
}
.fix-box .operationWrapper a.navBtn:hover p{

	color: #fff;
}
.fix-box .operationWrapper .navBtn-1 {
  display: block;
  width: 26px;
  height: 26px;
  background-color: transparent;
  background-image: url('../images/dianhua.png');
  background-position: center 10px ;
  background-repeat: no-repeat;

}
.fix-box .operationWrapper .navBtn-2 {
  display: block;
  width: 26px;
  height: 26px;
  background-color: transparent;
  background-image: url('../images/zhixun.png');
  background-position: center 10px ;
  background-repeat: no-repeat;
}
.fix-box .operationWrapper .navBtn-3 {
	
	display: block;
	width: 26px;
	height: 26px;
	background-color: transparent;
	background-image: url('../images/fangan.png');
	background-position: center 10px ;
	background-repeat: no-repeat;
}
.fix-box .operationWrapper .navBtn-4 {
	display: block;
	width: 26px;
	height: 26px;
	background-color: transparent;
	background-image: url('../images/yuyue.png');
	background-position: center 10px ;
	background-repeat: no-repeat;
}
.fix-box .operationWrapper .backTop {
	
	display: block;
	width: 26px;
	height: 26px;
	background-color: transparent;
	background-image: url('../images/top.png');
	background-position: center 10px ;
	background-repeat: no-repeat;
}
.fix-box .operationWrapper .contentWindow {
  display: block;
}
.fix-box .operationWrapper .cw-1 {
  position: absolute;
  top: 0px;
  right: -20px;
  width: 0px;
  height: 95px;
  line-height: 24px;
  background: #fff;
  padding-left: 15px;
  padding-top: 15px;
  text-align: left;
  color: #000;
  font-size: 16px;
  z-index: -1;
  border: solid 1px #eee;
	border-radius: 15px 0px 0px 15px:
    border-right: none;
  overflow: hidden;
}
.fix-box .operationWrapper .cw-1 a {
  display:block;
  color:#fff;
}
.fix-box .operationWrapper .cw-3 {
    position: absolute;
  top: 145px;
  right: 65px;
  width: 0px;
  height: 162px;
  text-align: center;
  border: solid 1px #eee;
  background-color: #fff;
  border-right: none;
  font-size: 16px;
  z-index: -1;
  overflow: hidden;
}
.fix-box .operationWrapper .cw-3 img{
  display: block;
  width: 152px;
  height: 152px;
}