.xz-sidebar { width: 150px; height: 400px; position: fixed; right: 60px; top: 35%; transform: translateY(-50%); }
.xz-sidebar ul { display: block; height: inherit; width: inherit; background: url("/en/xz-sidebar/1.png") top left no-repeat; padding: 96px 8px 27px 8px; }
.xz-sidebar ul li { font-size: 0; }
.xz-sidebar ul li a { display: block; }
.xz-sidebar ul li.online { background: url("/en/xz-sidebar/1.png") center no-repeat; background-position: -8px -96px; }
.xz-sidebar ul li.online a { height: 50px; }
.xz-sidebar ul li.contact { margin-top: 12px; }
.xz-sidebar ul li.contact a { height: 50px; }
.xz-sidebar ul li.f-t { display: flex; margin-top: 12px; justify-content: space-between; background: url("/en/xz-sidebar/1.png") center no-repeat; background-position: -8px -219px; }
.xz-sidebar ul li.f-t a { width: 67px; height: 50px; }
.xz-sidebar ul li.f-t a:nth-child(1):hover { background: url("/en/xz-sidebar/2.png") center no-repeat; background-position: -8px -219px; }
.xz-sidebar ul li.f-t a:nth-child(2):hover { background: url("/en/xz-sidebar/2.png") center no-repeat; background-position: -75px -219px; }
.xz-sidebar ul li.y-l { display: flex; margin-top: 10px; justify-content: space-between; background: url("/en/xz-sidebar/1.png") center no-repeat; background-position: -8px -279px; }
.xz-sidebar ul li.y-l a { width: 67px; height: 50px; }
.xz-sidebar ul li.y-l a:nth-child(1):hover { background: url("/en/xz-sidebar/2.png") center no-repeat; background-position: -8px -279px; }
.xz-sidebar ul li.y-l a:nth-child(2):hover { background: url("/en/xz-sidebar/2.png") center no-repeat; background-position: -75px -279px; }
.xz-sidebar ul li.toTop { background: url("/en/xz-sidebar/2.png") center no-repeat; background-position: -8px -329px; }
.xz-sidebar ul li.toTop a { height: 45px; }

@media (max-width: 768px) { .xz-sidebar { display: none; } }