.prop-design{padding:6px 0;background:#f6f9fc;overflow-x:hidden}.prop-design .prop-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:300px;position:absolute;top:0;right:-300px;background:#fff;border-left:1px solid darken(#f6f9fc,10%);-webkit-transition:all 1s;transition:all 1s;-webkit-box-sizing:border-box;box-sizing:border-box}.prop-design .prop-body.active{right:0;-webkit-box-shadow:-1px 0 15px #f6f9fc;box-shadow:-1px 0 15px #f6f9fc}.prop-design .prop-body .propArrow{color:#f6f9fc;font-size:20px;position:absolute;top:50%;translate:transform(0 -50%);z-index:200;cursor:pointer}.prop-design .prop-body .propArrow.pushIcon{left:-17px}.prop-design .prop-body .propArrow.pullIcon{left:-2px}.config-container{position:relative;border-bottom:2px solid #e4e7ed}.config-container .config-tab{height:45px;line-height:45px;display:inline-block;width:145px;text-align:center;font-size:14px;font-weight:500;position:relative;cursor:pointer}.config-container .config-tab.active{border-bottom:2px solid #5cadff}.prop-design .grid-tips{color:#f56c6c}