#customerservice{position:fixed;top:200px;right:8px;display:flex;flex-direction:column;align-items:end;z-index:998;}
#customerservice.fold *{display:none;}
#customerservice>.btnFold{display:flex;color:var(--white1);height:26px;width:26px;border-radius:50%;font-size:calc(var(--fontSize)* 0.8);margin-top:4px;}
#customerservice>.btnFold::after{content:'\e933';font-family:mosfont;}
#customerservice.fold>.btnFold::after{content:'\e932';font-family:mosfont;}


#customerservice *{user-select:none;}
#customerservice>*{width:50px;height:50px;background:var(--primary);position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-direction:column;border:2px solid #fff5;}
#customerservice>*:hover{background:var(--blue1);}
#customerservice>*:not(:last-child){margin-bottom:4px;}

#customerservice>*>img{width:26px;margin-bottom:2px;}
#customerservice>*>.txt{font-size:calc(var(--fontSize)*0.7);color:var(--white1);}

#customerservice>*>.ctnt{display:none;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);box-shadow:0 2px 6px 0 rgba(0, 0, 0, .25);flex-direction:column;background:var(--bg);align-items:center;padding:8px;border:1px solid var(--fg_sub);border-radius:4px;}
#customerservice>*>.ctnt>*:not(:last-child){margin-bottom:4px;}
#customerservice>*:hover>.ctnt{display:flex;}
#customerservice>*>.ctnt>.img{border:1px solid var(--fg_sub);font-size:0;}
#customerservice>*>.ctnt>.img>img{width:200px;}
#customerservice>*>.ctnt>.txt{font-size:calc(var(--fontSize)*0.84);}