.fpx-cycle{position:relative;width:420px;height:420px;margin:0 auto 60px;border-radius:50%;border:2px dashed #505}.fpx-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#505;color:#fff;padding:22px;border-radius:50%;font-weight:700;box-shadow:0 5px 15px rgba(0,0,0,.1)}.fpx-item{position:absolute;width:130px;text-align:center}.fpx-box{background:#fff;padding:12px;border-radius:12px;border:1px solid rgba(85,0,85,.31);transition:.3s}.fpx-box:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,.1)}.fpx-box i{color:#505;margin-bottom:6px}.fpx-item-1{top:-40px;left:50%;transform:translateX(-50%)}.fpx-item-2{top:30%;right:-49px}.fpx-item-3{bottom:-10%;right:140px}.fpx-item-4{bottom:110px;left:10%;transform:translateX(-50%)}@media (max-width:768px){.fpx-cycle{width:300px;height:300px}.fpx-item{width:90px;font-size:11px}}