.layout-box{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:0;height:calc(100% - 10px);width:calc(100% - 10px)}body,html{height:100%}body{margin:0}.layout-left{width:200px;height:100%;float:left;background-color:#f0f000;border:1px solid #f0f000;-webkit-transition:1.5s;transition:1.5s}.layout-area{width:10px;height:100%;float:left;position:relative}.layout-area>.arrow{border:1px solid #f0f000;border-radius:0 10px 10px 0;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#f0f000;margin:auto 0;height:30px;line-height:30px;cursor:pointer;z-index:999}.layout-proxy{position:absolute;cursor:w-resize;opacity:1;left:200px;width:10px;height:100%;background-color:#00f}.left-enter,.left-leave-to{margin-left:-200px}.layout-center,.left-enter-active,.left-leave-active{-webkit-transition:1.5s;transition:1.5s}.layout-center{float:right;background-color:grey;width:calc(100% - 210px);height:100%;border:1px solid grey}