.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
 }
.xzsc{filter:drop-shadow(-1px 1px 10px rgba(0,0,0,.1)) drop-shadow(0 0 2px rgba(0,0,0,.05));position:fixed;right:0;top:50%;transform:translateY(-50%);width:90px;z-index:999}.xzsc.hide .xzsc-panel{transform:scale(.85) translateX(75px)!important}.xzsc--bottom{bottom:var(--xzsc-bottom,0);top:auto;transform:translateY(0)}.xzsc--small .xzsc-panel{transform:scale(.85)}.xzsc--small.xzsc--yq .xzsc-gotop{transform:scale(.85) translateX(120%)}.xzsc--small.xzsc--yq .xzsc-gotop.show{transform:scale(.85) translateX(0)}.xzsc--small.xzsc--yq .xzsc-panel-open{right:12px;transform:scale(.85)}.xzsc--blur{filter:none}.xzsc--blur .xzsc-item-a:before,.xzsc--blur .xzsc-item-info,.xzsc--blur .xzsc-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.xzsc--blur .xzsc-item-info{filter:drop-shadow(-1px 1px 10px rgba(0,0,0,.1)) drop-shadow(0 0 2px rgba(0,0,0,.05))}.xzsc-panel{background:var(--xzsc-c_bg,#fff);padding-left:15px;position:relative;transform-origin:right center;transition:all .5s}.xzsc-panel .icon{font-size:12px}.xzsc-items{align-items:center;display:flex;flex-flow:column;width:75px}.xzsc-item{height:75px;min-width:100%}.xzsc-item-a{align-items:center;color:var(--xzsc-c_txt,var(--wp--preset--color--black-0));display:flex;flex-flow:column;height:100%;justify-content:center;transition:all .3s;width:100%}.xzsc-item-a .icon{display:block;font-size:20px;margin-bottom:2px;transition:transform .3s}.xzsc-item-a:hover .icon{filter:brightness(1.1);transform:scale(1.1)}.xzsc-item-tit{font-size:15px;max-width:75px;overflow:hidden;transform:scale(.8)}.xzsc-item-info{background:var(--xzsc-c_bg,#fff);border-radius:5px;color:var(--xzsc-c_txt,var(--wp--preset--color--black-0));font-size:12px;left:-15px;line-height:16px;opacity:0;padding:15px;position:absolute;top:50%;transform:translate(-110%,-50%);transition:all .5s;visibility:hidden;white-space:nowrap}.xzsc-item-info:before{border-bottom:6px solid transparent;border-left:8px solid var(--xzsc-c_bg,#fff);border-top:6px solid transparent;content:"";position:absolute;right:-8px;top:calc(50% - 4px)}.xzsc-item-info img{display:block;max-width:120px}.xzsc-item-info.current{opacity:1;transform:translate(-100%,-50%);visibility:visible}.xzsc--yq{width:75px}.xzsc--yq .xzsc-panel{border-radius:var(--xzsc-br,6px 0 0 6px);box-shadow:-1px 1px 10px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.05);padding-bottom:20px;padding-left:0;padding-top:15px;transform-origin:bottom right}.xzsc--yq .xzsc-item{height:80px;position:relative}.xzsc--yq .xzsc-item:not(:last-child):after{background:var(--xzsc-c_txt,var(--wp--preset--color--black-0));bottom:0;content:"";display:block;height:1px;left:50%;opacity:.2;position:absolute;transform:translateX(-50%);width:15px}.xzsc--yq .xzsc-item-a .icon{color:var(--xzsc-c_main,var(--wp--preset--color--primary));font-size:24px}.xzsc--ff .xzsc-panel{-webkit-clip-path:url(#clip-sider-contact);clip-path:url(#clip-sider-contact)}.xzsc--ff .xzsc-items:hover li:first-child a{background:transparent;color:var(--xzsc-c_txt,var(--wp--preset--color--black-0))}.xzsc--ff .xzsc-item:first-child .xzsc-item-a{background:var(--xzsc-c_main,var(--wp--preset--color--primary));color:var(--xzsc-c_txt_hover,var(--xzsc-c_bg,#fff))}.xzsc--ff .xzsc-item-a{position:relative}.xzsc--ff .xzsc-item-a:before{background:var(--xzsc-c_bg,#fff);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:all .3s;-webkit-user-select:none;-moz-user-select:none;width:16px}.xzsc--ff .xzsc-item-a:hover:before{background:var(--xzsc-c_main,var(--wp--preset--color--primary))}.xzsc--ff .xzsc-item-a:hover{background:var(--xzsc-c_main,var(--wp--preset--color--primary))!important;color:var(--xzsc-c_txt_hover,var(--xzsc-c_bg,#fff))!important}.xzsc-panel-btn{align-items:center;color:var(--xzsc-c_txt,var(--wp--preset--color--black-0));display:flex;font-size:13px;height:30px;justify-content:flex-end;left:0;opacity:.33;position:absolute;top:50%;transform:translateY(-50%);transition:all .5s;width:15px}.xzsc-panel-btn:hover{opacity:.8}.xzsc-panel-btn.hide{opacity:0}.xzsc-panel-close{align-items:center;border:1px solid var(--xzsc-c_txt,var(--wp--preset--color--black-0));border-radius:100%;bottom:10px;color:var(--xzsc-c_txt,var(--wp--preset--color--black-0));display:flex;font-size:14px;height:22px;justify-content:center;left:50%;opacity:.1;position:absolute;transform:translateX(-50%);transition:all .5s;width:22px}.xzsc-panel-close .icon{transition:all .3s}.xzsc-panel:not(:hover) .xzsc-panel-close{opacity:0}.xzsc-panel-close:hover{opacity:.4}.xzsc-panel-close:hover .icon{transform:rotate(180deg)}.xzsc-panel-open{align-items:center;bottom:80px;color:var(--xzsc-c_txt,var(--wp--preset--color--black-0));display:none;font-size:26px;height:40px;justify-content:center;opacity:.5;position:absolute;right:15px;transition:all .3s;width:40px}.xzsc.hide .xzsc-panel-open{display:flex}.xzsc-panel-open:hover{opacity:1}.xzsc-gotop{align-items:center;background:var(--xzsc-c_main,var(--wp--preset--color--primary));border-radius:var(--xzsc-br,6px 0 0 6px);box-shadow:-1px 1px 10px rgba(0,0,0,.1),0 0 2px rgba(0,0,0,.05);display:flex;height:75px;justify-content:center;margin-top:5px;transform:translateX(120%);transform-origin:top right;transition:all .3s;width:75px}.xzsc-gotop.show{transform:translateX(0)}.xzsc-gotop:hover{background:var(--xzsc-c_txt,var(--wp--preset--color--black-0))}.xzsc-gotop:hover .icon{transform:scale(1.1)}.xzsc-gotop:active .icon{transform:scale(1)}.xzsc-gotop .icon{color:var(--xzsc-c_bg,#fff);font-size:24px;transition:all .3s}@media screen and (max-width:1024px){.xzsc-gotop,.xzsc-item-info,.xzsc-panel-btn,.xzsc-panel-close,.xzsc-panel-open{display:none!important}.xzsc{bottom:0!important;top:auto!important;transform:translate(0)!important;width:100%!important}.xzsc-panel{border-radius:15px 15px 0 0!important;-webkit-clip-path:none!important;clip-path:none!important;overflow:hidden;padding:0!important;transform:scale(1) translate(0)!important}.xzsc--yq .xzsc-panel{padding:0 10px!important}.xzsc--ff .xzsc-panel{box-shadow:0 -1px 1rem -1px rgba(0,0,0,.1)}.xzsc-items{flex-flow:row nowrap;width:100%}.xzsc-item{flex:1;height:60px!important;min-width:0}.xzsc-item:after{display:none!important}.xzsc-item.xzsc-wechat{display:none}.xzsc-item-a:before{display:none!important}.xzsc--yq .xzsc-item-a{padding-top:5px}.xzsc-item-tit{font-size:13px}}


.xzsc.hide{display:block}
