#kstCenter .btn{position:absolute; display: block; left:32px; top:131px; width: 170px;height: 170px;border-radius: 50%;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear; z-index:4;}
#kstCenter .btn img{display: block;width: 170px;height: 170px;border-radius: 50%;position: absolute;left: 0;top: 0;z-index: 11;}
#kstCenter .btn .s1,#kstCenter .btn .s2,#kstCenter .btn .s3{display: block;width: 75px;height: 75px;border-radius: 50%;background-color:red;position: absolute;left: 50%;margin-left: -37.5px;top: 50%;margin-top: -37.5px;z-index: 10;}
#kstCenter .btn .s1{
	-webkit-animation:kuosan 3s linear infinite;
	-moz-animation:kuosan 3s linear infinite;
	animation:kuosan 3s linear infinite;
}
#kstCenter .btn .s2{
	-webkit-animation:kuosan 3s linear 0.8s infinite;
	-moz-animation:kuosan 3s linear 0.8s infinite;
	animation:kuosan 3s linear 0.8s infinite;
}
#kstCenter .btn .s3{
	-webkit-animation:kuosan 3s linear 1.6s infinite;
	-moz-animation:kuosan 3s linear 1.6s infinite;
	animation:kuosan 3s linear 1.6s infinite;
}
@-webkit-keyframes kuosan {
	from {
	opacity:1;
	-webkit-transform:scale(0) translate3d(0,0,0)
	}
	to {
		opacity:0;
		-webkit-transform:scale(4) translate3d(0,0,0)
	}
}
 @-moz-keyframes kuosan {
	from {
	opacity:1;
	-moz-transform:scale(0) translate3d(0,0,0)
	}
	to {
		opacity:0;
		-moz-transform:scale(4) translate3d(0,0,0)
	}
}
 @-o-keyframes kuosan {
	from {
		opacity:1;
		-o-transform:scale(0) translate3d(0,0,0)
	}
	to {
		opacity:0;
		-o-transform:scale(4) translate3d(0,0,0)
	}
} 
@keyframes kuosan {
	from {
	opacity:1;
		transform:scale(0) translate3d(0,0,0)
	}
	to {
		opacity:0;
		transform:scale(4) translate3d(0,0,0)
	}
}


/* 右侧快商通样式 */
.kstBottom *{font-family:"微软雅黑"; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.kstBottom {width: 185px; height: 158px; background-color: #3d3f4b; font-family:"Microsoft Yahei"; position: fixed; right: 10px; bottom: 95px; z-index: 1000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 35px #000; -webkit-box-shadow: 0 0 35px #000; -moz-box-shadow: 0 0 35px #000; display:none;}
.kstBottom .titleBox { width: 100%; height: 27px; font-size: 16px; color: #888991; background-color: #3d3f4b; position: relative; margin: 0; float: none;padding-left:15px; }
.kstBottom .titleBox .closeBtn { position: absolute; display: block; right: 3px; top: 3px; width: 19px; height: 19px; background-color: #2a2c38; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.kstBottom .titleBox .closeBtn:hover { -webkit-animation: rotate360 0.3s ease 1;-moz-animation: rotate360 0.3s ease 1;-ms-animation: rotate360 0.3s ease 1;-o-animation: rotate360 0.3s ease 1; animation: rotate360 0.3s ease 1; }
.kstBottom .titleBox .closeBtn:before { position: absolute; left: 50%; top: 50%; content: ''; width: 14px; height: 1px; margin-left: -7px; margin0top: -1px; background-color: #fff; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform:rotate(-45deg);
-webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.kstBottom .titleBox .closeBtn:after { position: absolute; left: 50%; top: 50%; content: ''; width: 14px; height: 1px; margin-left: -7px; margin0top: -1px; background-color: #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.kstBottom .chatBox { width: 100%; height: 71px; background-color: #FFF; }
.kstBottom .chatBox .welcomeWord { width: 152px; height: 48px; line-height: 22px; float: left; background: url(/kst/pop_mini.png) no-repeat; margin-top: 10px; margin-left: 4px; font-size: 14px; color: #fff; padding-left: 13px; padding-right: 7px; padding-top: 3px; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.kstBottom .chatTxt { width: 100%; height: 60px; background-color: #8c8c8c; overflow:hidden;}
.kstBottom .chatTxt .txt{width: 115px; height: 43px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #FFF; overflow: hidden; float: left; padding: 3px 6px 0 6px; margin: 7px 0 0 9px; display: inline; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.kstBottom .chatTxt .txt .textarea{float:left; display: block; border: none; background-color: #FFF; width: 100%; height: 100%; max-height: 43px; max-width: 115px; color: #666; font-size: 14px; line-height: 21px; outline: none; }
.kstBottom .chatTxt .txtSubmit{display: block; width: 37px; height: 38px; padding: 8px 3px 0; float: left; text-align: center; background-color: #171923; color: #fff; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 7px; margin-left: 2px; display: inline; line-height: 14px; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.kstBottom .chatTxt .txtSubmit span { display: block; }
.kstBottom .chatTxt .txtSubmit span:first-child { font-size: 14px; }
.kstBottom .chatTxt .txtSubmit span:last-child { font-size: 12px; }
@-webkit-keyframes rotate360 {  100% {
-webkit-transform:rotate(720deg);
-moz-transform:rotate(720deg);
-ms-transform:rotate(720deg);
-o-transform:rotate(720deg);
transform:rotate(720deg);
}
}
@-moz-keyframes rotate360 {  100% {
-webkit-transform:rotate(720deg);
-moz-transform:rotate(720deg);
-ms-transform:rotate(720deg);
-o-transform:rotate(720deg);
transform:rotate(720deg);
}
}
@-ms-keyframes rotate360 {  100% {
-webkit-transform:rotate(720deg);
-moz-transform:rotate(720deg);
-ms-transform:rotate(720deg);
-o-transform:rotate(720deg);
transform:rotate(720deg);
}
}
@-o-keyframes rotate360 {  100% {
-webkit-transform:rotate(720deg);
-moz-transform:rotate(720deg);
-ms-transform:rotate(720deg);
-o-transform:rotate(720deg);
transform:rotate(720deg);
}
}
@keyframes rotate360 {  100% {
-moz-transform:rotate(720deg);
-ms-transform:rotate(720deg);
-o-transform:rotate(720deg);
-webkit-transform:rotate(720deg);
transform:rotate(720deg);
}
}