.circle-sign{background:#fff;border-radius:50%;box-shadow:0 0 2px #adadad80;display:inline-block;height:28px;position:relative;width:28px}.sign-0{backface-visibility:hidden;background-color:var(--color3);border-radius:1px;display:block;height:1px;left:50%;margin:auto;position:absolute;top:50%;transform:rotate(0) translate(-50%,-50%);transition:all .4s;width:12px}.sign-1,.sign-2{background-color:var(--color3);border-radius:2px;display:block;height:1px;left:50%;margin:auto;position:absolute;top:50%;transform:rotate(0) translate(-50%,-50%);transition:all .4s;width:12px}.sign-2{backface-visibility:hidden}.circle-sign.san .sign-0{top:30%;transform:rotate(0) translate(-50%,-50%)}.circle-sign.san .sign-2{top:70%;transform:rotate(0) translate(-50%,-50%)}.circle-sign.jia .sign-1{left:calc(50% - 6px);top:calc(50% - 1px);transform:rotate(90deg) translate(0)}.circle-sign.jia .sign-2{top:50%;transform:rotate(0) translate(-50%,-50%)}.circle-sign.jia>i{background:var(--color2)}.circle-sign.chen .sign-0{left:calc(50% - 6px);top:calc(50% - .5px);transform:rotate(45deg) translate(0)}.circle-sign.chen .sign-1{opacity:0}.circle-sign.chen .sign-2{left:calc(50% - 6px);top:calc(50% - .5px);transform:rotate(-45deg) translate(0)}