.control-wrapper{position:relative;width:100px;height:100px;max-width:100px;max-height:100px;border-radius:100%}.control-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:44%;height:44%;border-radius:5px;border:1px solid #000;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s linear;transition:all .3s linear;cursor:pointer}.control-top,.control-top i{border-radius:5px 100% 5px 0}.control-top{top:-8%;left:27%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.control-left{top:27%;left:-8%;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px 0 5px 100%}.control-bottom{left:27%;bottom:-8%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:5px 0 5px 100%}.control-right{top:27%;right:-8%;-webkit-transform:rotate(225deg);transform:rotate(225deg);border-radius:5px 0 5px 100%}.control-top i{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.control-left i{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.control-bottom i,.control-right i{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.el-icon-caret:before{content:"";display:block;position:relative;top:-5px;width:14px;height:15px;border:7px solid #fff;border-bottom:10px solid #000}.control-top .control-inner{left:-1px;bottom:0;border-top:1px solid #000;border-right:1px solid #000;border-radius:0 100% 0 0}.control-bottom .control-inner,.control-left .control-inner,.control-right .control-inner{top:-1px;right:-1px;bottom:0;border:1px solid #000;border-left:1px solid #000;border-radius:0 0 0 100%}.control-inner-btn{position:absolute;width:60%;height:60%;background:#fafafa}.control-btn i{font-size:20px;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-round{position:absolute;top:22%;left:22%;width:56%;height:56%;background:#fff;border-radius:100%}.control-round-inner{position:absolute;left:13%;top:13%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:72%;height:72%;font-size:40px;color:#000;border:1px solid #000;border-radius:100%;-webkit-transition:all .3s linear;transition:all .3s linear}