.toolbar {
			position: fixed;
			right: 0;
			bottom: 50%;
			height: auto;
			z-index: 100;
		}
		.toolbar .toolbar-item {
			width: 68px;
			height: auto;
			background: #0058FF;
			position: relative;
			text-align: center;
			font-size: 13px;
			display: block;
			border-bottom: none;
			  margin-bottom: 1px;  
		}
		.toolbar .toolbar-item:first-child {
			background:#0D9CFF;
			border-radius: 4px 4px 0 0;
		}
		.toolbar .toolbar-item:last-child {
			border-radius: 0 0 4px 4px;
		}

		.toolbar .toolbar-item:hover {
			color: #fff;
			background: #004BD8;
			border-color: #004BD8;
			cursor: pointer;
		}
		.toolbar .toolbar-item:first-child:hover {
			color: #fff;
			background: #007EF7;
			border-color: #007EF7;
			cursor: pointer;
			
		}
		.toolbar .toolbar-item:hover .tel-details {
			display: block;
		}
		.toolbar .toolbar-item .tel-details {
			display: none;
			height: auto;
			position: absolute;
			left: -208px;
			top: 10px;
		}
		.tool-icon{
			padding-top: 12px;
		}
		.tool-text{
			color: #ffffff;
			margin-bottom: 10px;
			display: inline-block;
		}
		.onlineService .online-wrapper {
			position: absolute;
			top: 0;
			right: 73px;
			display:none;
		}
		.onlineService:hover .online-wrapper{
		   display:block;
		}
		.onlineService .qrcode-img{
			width:190px;
			margin-top:10px;
		}