.control-layout{width:100%;height:100%}.control-layout .yun-control{position:relative;height:160px}.control-layout .control-circle,.control-layout .yun-control{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-layout .control-circle{border-radius:50%}.control-layout .control-circle-outer{width:130px;height:130px;color:#fff;position:relative;background:#252c3c;border:1px solid #656f82}.control-layout .control-circle-outer .triangle{position:absolute;font-size:12px;color:#989fb0;cursor:pointer}.control-layout .control-circle-outer .triangle i{font-size:13px}.control-layout .control-circle-outer .triangle:hover{color:#00cba6}.control-layout .control-circle-outer .triangle.no-triangle{color:#666;cursor:not-allowed}.control-layout .control-circle-outer .triangle-up{top:10px}.control-layout .control-circle-outer .triangle-tl{top:25px;left:25px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.control-layout .control-circle-outer .triangle-rl{top:25px;right:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.control-layout .control-circle-outer .triangle-left{left:12px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.control-layout .control-circle-outer .triangle-bl{left:25px;bottom:25px}.control-layout .control-circle-outer .triangle-bottom{bottom:10px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.control-layout .control-circle-outer .triangle-brl{right:25px;bottom:25px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.control-layout .control-circle-outer .triangle-right{right:12px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.control-layout .control-circle-outer .control-circle-inner{width:45px;height:45px;background:-webkit-gradient(linear,left bottom,left top,from(#363e50),to(#989fb0));background:linear-gradient(0deg,#363e50,#989fb0);-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.28);box-shadow:0 3px 6px 0 rgba(0,0,0,.28);margin:3px}.control-layout .volPrcent{height:120px;margin-left:15px}.control-layout .yun-tool{height:40px;color:#fff;border-top:1px solid #000}.control-layout .yun-tool>div i{margin:0 10px;cursor:pointer}.control-layout .yun-tool>div.no-isFocus i{color:#888;cursor:not-allowed}.font20{font-size:20px}