.home{position:relative}.box,.home{width:160px;height:160px}.box{transform:rotate(45deg)}.box i{visibility:collapse}.front-sty-top{top:20px}.front-sty-bottom,.front-sty-top{color:#000c17;position:absolute;left:50%;transform:translate(-50%)}.front-sty-bottom{bottom:20px}.front-sty-right{right:15px}.front-sty-left,.front-sty-right{color:#000c17;position:absolute;top:50%;transform:translateY(-50%)}.front-sty-left{left:15px}.front-sty-center{color:#000c17}.circle,.front-sty-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle{border-radius:50%;background-color:#fff;width:60px;height:60px}.circle,.in-block{display:inline-block}.in-block{position:relative}.left-top{border-radius:80px 0 0 0;background-color:red}.left-top,.right-top{width:80px;height:80px}.right-top{border-radius:0 80px 0 0;background-color:#ff0}.left-bottom{width:80px;height:80px;border-radius:0 0 0 80px;background-color:grey}.right-bottom{width:80px;height:80px;border-radius:0 0 80px 0;background-color:green}