.xf-img {
	.xf {
		position: fixed;  /* 固定定位，相对于浏览器窗口 */
		bottom: 200px;        /* 与窗口底部的距离为0 */
		left: 20px;          /* 与窗口左边的距离，你也可以设置为 right: 0; 让它居右 */
		/* 可选：设置一个较高的层级，防止被其他内容覆盖 */
		z-index: 999;
		width: 120px;
		box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.06)
	}
	.xf-400 {
		position: fixed;  /* 固定定位，相对于浏览器窗口 */
		bottom: 200px;        /* 与窗口底部的距离为0 */
		right: 20px;          /* 与窗口左边的距离，你也可以设置为 right: 0; 让它居右 */
		/* 可选：设置一个较高的层级，防止被其他内容覆盖 */
		z-index: 999;
		width: 300px;
		box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.06)
	}
}

@media (max-width: 768px) {
	.xf-img {
		.xf {
			display: none;
		}
		.xf-400 {
			position: fixed;  /* 固定定位，相对于浏览器窗口 */
			bottom: 20px;        /* 与窗口底部的距离为0 */
			right: 5px;          /* 与窗口左边的距离，你也可以设置为 right: 0; 让它居右 */
			/* 可选：设置一个较高的层级，防止被其他内容覆盖 */
			z-index: 999;
			width: 30%;
		}
	}
}