@charset "utf-8";

#tabBar{position:fixed;left:50%;bottom:0;z-index:1001;transform:translateX(-50%);max-width:768px;width:100%;font-size:12px;font-weight:600;letter-spacing:-.3px;text-align:center;font-family:'AppleSDGothicNeo'}
#tabBar ul{display:flex;justify-content:space-around;align-items:center;height:65px;padding-top:2px;border-radius:12px 12px 0 0;background-color:#111;box-shadow:0 -6px 4px rgba(0,0,0,.07)}
#tabBar ul li a{display:block;position:relative;color:#fff}
#tabBar ul li svg{width:19px;height:19px;}
#tabBar ul li .dot{position:absolute;left:2px;top:0;width:5px;height:5px;border-radius:50%;background-color:#9b4ddf}
#tabBar ul li:nth-child(2) .dot{left:7px}
#tabBar ul li svg.call{animation:call 1.2s infinite linear}
@keyframes call{from{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(0)}30%{transform:rotate(20deg)}40%{transform:rotate(0)}100%{transform:rotate0)}}