@media screen and (max-width: 500px) {
#taigeonlineservice{display: none!important;}
}
#taigeonlineservice{
	position: absolute;
	top: 150px;
	width: 172px;
	height: auto;
	border-radius: 4px;
	font-size: 12px;
	overflow: hidden;
	right: 0px;
	padding-top: 4px;
	z-index: 10000000;
}
.taigeonlineserviceclose{width: 172px !important;}
.taigeonlineserviceclose .main{padding-left: 147px !important;}
#taigeonlineservice .main{width: 500px;padding-left: 0px;-o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#taigeonlineservice .clear{clear: both;float: none;}
.taigeonlineserviceclose .onlinebutton{background-image: url(../images/btn2.png)!important;}
#taigeonlineservice .onlinebutton{float: left;height: 120px;width: 27px;margin-top: 12px;background-image: url(../images/btn.png);background-repeat: no-repeat;background-position: right top;text-align: center;font-size: 14px;font-weight: bold;color: #FFFFFF;line-height: 15px;padding-top: 36px;font-family: "微软雅黑";text-shadow: #d55100 0 1px 0;cursor: pointer;}
#taigeonlineservice .onlinebox{background-color: #FFFFFF;float: left;width: 144px;min-height:200px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0px 0px 5px #c1c1c1;-webkit-box-shadow: 0px 0px 5px #c1c1c1;box-shadow: 0px 0px 5px #c1c1c1;background-image: url(../images/head_bg.png);background-repeat: no-repeat;background-position: left top;position: relative;height: auto;-o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; transition: all .2s;margin-bottom: 65px;}
#taigeonlineservice .onlinebox .head{height: 40px;cursor: move;}
#taigeonlineservice .onlinebox .head i{display: block;float: right;height: 23px;width: 25px;background-image: url(../images/close.png);background-repeat: no-repeat;cursor: pointer;}
#taigeonlineservice .onlinebox .head i a{display: block;height: 23px;width: 25px;}
#taigeonlineservice .onlinebox .customerlist{width: 130px;margin-right: auto;margin-left: auto;}
#taigeonlineservice .onlinebox .customerlist ul{margin: 0px;padding-top: 3px;padding-right: 0px;padding-bottom: 3px;padding-left: 0px;clear: both;float: none;}
#taigeonlineservice .onlinebox .customerlist ul li{margin: 0px;float: none;padding-left: 0px;height: auto;clear: both;line-height: 18px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;list-style-type: none;}
#taigeonlineservice .onlinebox .customerlist ul li a{color: #666666;text-decoration: none;display: block;padding-top: 5px;padding-bottom: 5px;}
#taigeonlineservice .onlinebox .customerlist ul li img{float: left;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;margin-right: 5px;}
#taigeonlineservice .onlinebox .tel{clear: both;float: none;text-align: center;padding-top: 5px;padding-bottom: 5px;}
#taigeonlineservice .onlinebox .tel i{line-height: 18px;margin: 0px;font-style: normal;font-family: "微软雅黑";color: #666666;background-image: url(../images/ico_tel.png);background-repeat: no-repeat;background-position: left center;display: inline-block;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 22px;}
#taigeonlineservice .onlinebox .tel p{font-size: 16px;color: #FF6100;padding-top: 6px;padding-bottom: 0px;line-height: 20px;margin: 0px;white-space: nowrap;font-weight: bold;}
#taigeonlineservice .onlinebox .erweima{width: 130px;height: auto;margin-right: auto;margin-left: auto;display: block;text-align: center;}
#taigeonlineservice .onlinebox .erweima img{height: auto;width: 130px;}
#taigeonlineservice .onlinebox .onlinebottom{height: 50px;position: absolute;bottom: -50px;width: 144px;}
#taigeonlineservice .onlinebox .onlinebottom a{
	display: block;
	height: 25px;
	width: 57px;
	float: left;
	margin-left: 10px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 25px;
	line-height: 18px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-moz-box-shadow: 0px 0px 5px #c1c1c1;
	-webkit-box-shadow: 0px 0px 5px #c1c1c1;
	box-shadow: 0px 0px 5px #c1c1c1;
-o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; transition: all .2s;			background-repeat: no-repeat;
	background-position: center 5px;
}
#taigeonlineservice .onlinebox .onlinebottom a:hover{height: 30px;background-position: center 10px;width: 57px;padding-top: 30px;}
#taigeonlineservice .onlinebox .onlinebottom .back_top a{
	background-color: #1451b5;
	background-image: url(../images/top.png);
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#taigeonlineservice .onlinebox .onlinebottom .message a{
	background-color: #ff6100;
	background-image: url(../images/msg.png);
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}