.footer-line {
	border-top: 2px solid #f2f2f2
}

.common-footer {
	padding: 20px 100px 50px 10px;
	border-bottom: 1px solid #f2f2f2
}

.footer-tip {
	padding: 20px 0 30px
}

.on-line-cont {
	height: 32px;
	line-height: 32px
}

.on-line-ke,
.on-line-qun {
	cursor: pointer
}

.on-line-ke {
	padding: 5px 10px 8px 30px;
	color: #fff;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU5MkJBQTY4RjZDOTExRTlCQjhBREM1RUUxRkZCQkRFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU5MkJBQTY5RjZDOTExRTlCQjhBREM1RUUxRkZCQkRFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTkyQkFBNjZGNkM5MTFFOUJCOEFEQzVFRTFGRkJCREUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTkyQkFBNjdGNkM5MTFFOUJCOEFEQzVFRTFGRkJCREUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4I1jrbAAAA50lEQVR42mL8//+/DAMDw0wgNgViZiD+x0AcYATi/0B8DYjzGYEGnQcyDBgoAy9BBv1noAJgAuKvVDDnMxMJYULQRQy0MGglEPsD8Q0ksTwgjgHiX7CABeIAIO5D0QkM60//ESAEFPZAvBRJjAGKP0D5p6B8JSQ1n9ANegHE24H4N5LYaSDe9x8V7ADi28gGMYJNY2DgpUasMVIrsNmpYA47tRIkG8igXGjmowRUM0KzmgIQS8NSBBQLAvEaIOZE0hACxM+QwhVEvweXAEjpBBs2QYriIHxqGYnI/CVALA7EpfgUAQQYAJ8o7WVOb72jAAAAAElFTkSuQmCC) 8px no-repeat #3f8bf4;
	border-radius: 6px;
	background-size: 15px
}

.on-line-qun {
	padding: 4px 10px 4px 30px;
	color: #ffda51;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE3NThCNkNDRjZDQTExRTlBNzdFQUI5ODAzQzcyMzRFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE3NThCNkNERjZDQTExRTlBNzdFQUI5ODAzQzcyMzRFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTc1OEI2Q0FGNkNBMTFFOUE3N0VBQjk4MDNDNzIzNEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTc1OEI2Q0JGNkNBMTFFOUE3N0VBQjk4MDNDNzIzNEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7XlS26AAAB00lEQVR42qSUO0sDQRSFd5MoIsTCB1r5io2ChRKwEQR/gJ2o+AMsBMUHaUQURURCGjsbGx9BGxFESxtBayuLqIgIvgkYH4hJPFfOmnGZXZL1wpeZ2cyeuTtz5prZRL+hiWpwDYqMwmIPjBih+KXpIFwB9kF5noIZUAZqQAq0BBwmPoGOvCRD8Vz/fGAQv+sgZmUsq0mnEqQ57UvpO4Uf3IENLJCluLQJybgOnPAzvMYcBMMQf+b4U4RjFI1wAbMAQcmuG8yCKTDB52kRbuQg6jHbYwrXqg994JX9Ko/C9WxTduEs+6ZHYe17Ps0EsdkoKOG4mXtnfVEITNo/3R6qj9/ZHvG5WHAeHNA5XaAH7IBWIJ5toy1dM7YWWQVXPBSJNXDDmygR53hbo6HN2KoLQ7Y502CG11ZiESwpY79ivd9t9dk86VYLnMa6w28IKFm/eXSF9V6QrRxsMqCcfuafdguyKMWsPd7i6Z6BU2bw8FNXc0VIHNALim1bJo4Is7/7ZzVWN1llXJOJFPxN1gO3iCLTiE7Y4JaUcuV2MAZW+N8hF75VXGBZLQnRFze7fZAL0KmIyi1czqvQOwhb0cRWLsAwePRyorpbcw8WQJ9XUYlvAQYABGFtlznNeukAAAAASUVORK5CYII=) 5px no-repeat #fff;
	border-radius: 5px;
	border: 2px solid #ffda51;
	background-size: 18px
}
.footer-tip {
	text-decoration: none;
}