#online {
	position: fixed;
	right: 5px;
	top: 40%;
	transform: translateY(-50%);
	font-family: Arial, Helvetica, sans-serif;
	z-index: 9999
}
#online * {
	box-sizing: border-box;
	text-decoration: none;
}
ul,li{padding:0;margin:0; list-style:none;}
.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#e70d36;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:42px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}


.service_box .tab_content{ position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333; font-size:14PX;}

 @media(max-width:768px) {
#online {
	display: none;
}
}