.member-box{width:100%;height:100%;font-size:12px;color:#333;display:flex}.member-box .left-nav{width:170px;position:relative;transition:width .3s}.member-box .left-nav.hide{width:0}.member-box .left-nav .scroll-box{height:100%;overflow-y:auto;background-color:#fff}.member-box .left-nav .nav{width:170px;padding:0 6px}.member-box .left-nav .nav>.li{border-bottom:1px solid #eeeef0}.member-box .left-nav .nav>.li:last-child{border-bottom:none}.member-box .left-nav .nav>.li>.title{height:50px;line-height:50px;position:relative;padding:0 28px;transition:all .35s;cursor:pointer}.member-box .left-nav .nav>.li>.title:hover{background:#f2f2f3;border-radius:4px;color:#487bb1}.member-box .left-nav .nav>.li>.title .iconfont{position:absolute;left:6px;top:0;height:50px;line-height:50px;color:#6e6e6e;font-size:14px}.member-box .left-nav .nav>.li>.title:before{position:absolute;right:6px;content:"";display:block;border:0 solid #a2a3a5;top:22px;border-color:#a2a3a5 transparent transparent transparent;border-width:6px 4px 6px 4px;transition:transform .3s;transform-origin:50% 25%}.member-box .left-nav .nav>.li.selected>.title:before{transform:rotate(180deg)}.member-box .left-nav .nav>.li .li{height:40px;line-height:40px;padding-left:32px;font-size:15px;transition:all .35s;cursor:pointer}.member-box .left-nav .nav>.li .li:hover{background:#f2f2f3;border-radius:4px;color:#487bb1}.member-box .left-nav .nav>.li .li.selected{background:#eaebed;border-radius:4px;color:#487bb1}.member-box .left-nav .more-bnt{position:absolute;right:-18px;top:50%;transform:translateY(-50%);width:18px;height:50px;line-height:50px;border-radius:0 5px 5px 0;border:1px solid hsla(0,0%,86.7%,.8666666666666667);border-left:none;background-color:#fff;font-size:16px;text-align:center;color:#999;cursor:pointer;z-index:9;box-shadow:3px 3px 5px 0 #ccc;overflow:hidden}.member-box .right-frame-box{flex:1;overflow:hidden;padding:8px 12px 8px 5px;height:100%}.member-box .right-frame-box .frame-tabs{height:100%}.member-box .right-frame-box .frame-nav{height:30px;line-height:30px;overflow:hidden}.member-box .right-frame-box .frame-nav .scroll-box{height:36px;overflow:hidden;overflow-x:auto;white-space:nowrap}.member-box .right-frame-box .frame-nav .li{display:inline-block;min-width:100px;height:30px;padding:0 15px;position:relative;color:#666;background:#f0f2f5;cursor:pointer}.member-box .right-frame-box .frame-nav .li.selected{background:#fff}.member-box .right-frame-box .frame-nav .li .ico-close{position:absolute;right:0;top:0;width:15px;text-align:center;display:inline-block;font-size:14px;color:#979797}.member-box .right-frame-box .frame-pane{height:calc(100% - 30px);background-color:#fff}.member-box .right-frame-box .frame-pane .tab-pane{height:100%}.member-box .right-frame-box .frame-pane .tab-pane .component-box{height:100%;overflow:auto}.member-box .right-frame-box .frame-pane .tab-pane iframe{border:none;margin:0;padding:0;width:100%;height:100%}