.official-preview{width:284px;height:364px;position:relative;padding-top:56px;padding-bottom:44px;background:#e9e9e9;border:2px solid #fff;overflow:visible}.official-preview .official-preview-header{position:absolute;left:0;top:0;width:100%;height:56px;background:url(../img/menu_head.1c931282.png) no-repeat;background-size:100% 100%;background-position:0 0;padding-top:30px;line-height:1;color:#fff;font-size:14px;text-align:center}.official-preview .official-preview-footer{position:absolute;left:0;bottom:0;width:100%;height:44px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAyCAIAAACib5WDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE1NEJCMUE0NzZGNDExRTVBOTBBQTZFOEFEMjc4NTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE1NEJCMUE1NzZGNDExRTVBOTBBQTZFOEFEMjc4NTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTU0QkIxQTI3NkY0MTFFNUE5MEFBNkU4QUQyNzg1OTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTU0QkIxQTM3NkY0MTFFNUE5MEFBNkU4QUQyNzg1OTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yWLBJAAABuklEQVR42uzcu0ocURzA4XWxMIWiQhJwtVhxMW0wEkWj+AwWgm9gJfgggpVPoElEUwUCKRNFJaQWsygWXvAKXlBZGw8KIiIJmWFnGPg+pjiryMIffpxzRLemUqnkUlUul0ulUg74f3kjAAEDAgYEDAIGBAwIGBAwCBgQMCBgEHAMlZub8BglJK825s/vHxzOfl4Ii9GR4devXhooZGYHPjo+mfk0f3l5FZ6wCC8NFDKzA+fz+aHB/scvDRQyE3BzU2N4DBEyeYQGBAxU5wi9sbm1+ut3W2shznucnp296Sx1tBeNGxINeG39z+jIcPy3+Tj3RcCQ9BG6ob7+fjE5NR2eaOugtdBi1pD0Dvzg6vo68hpIOeAXdXWR10CV1Pz9c6F/LC4P9PfGf5ufSysf+nqe/ZbPhYZq3YGfiHD7BdI/Qrv9QuYDdvsFd2B3YEjjDgxk+Aidu/sd1T9vueEUPTE+ZrhgBwai7sA7u3tPvhJtaz0/vzBrSDrg7ndvv377/vAX0dFs7+y+7+4ya0g64I72ov8iAndgQMCAgEHAgIABAYOAAQEDAgYEDAIGBAwIGBAwCBhIy60AAwBiy5esmSYLKgAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%;background-position:0 0}.official-preview .official-preview-footer .official-preview-btns{position:absolute;left:38px;display:-webkit-box;display:-ms-flexbox;display:flex;width:242px;height:44px}.official-preview .official-preview-footer .official-preview-btns .menu-first{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;text-align:center;line-height:44px;color:#666;font-size:12px;border-right:1px solid #ddd;cursor:pointer;-webkit-transition:.2s;transition:.2s}.official-preview .official-preview-footer .official-preview-btns .menu-first:last-child{border-right:transparent}.official-preview .official-preview-footer .official-preview-btns .menu-first:hover{background:#f3f3f3}.official-preview .official-preview-footer .official-preview-btns .menu-first:before{content:"";opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #09f;-webkit-transition:.2s;transition:.2s;z-index:0}.official-preview .official-preview-footer .official-preview-btns .menu-first.active:before{opacity:1}.overlayNoPadding .ant-popover-inner-content{padding:0}.menu-second-list .menu-second{position:relative;display:block;width:80px;height:46px;line-height:46px;color:#666;font-size:12px;cursor:pointer;-webkit-transition:.2s;transition:.2s;text-align:center;border-bottom:1px solid #ededed}.menu-second-list .menu-second:hover{background:#f3f3f3}.menu-second-list .menu-second:last-child{border-bottom:0}.menu-second-list .menu-second:before{content:"";opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #09f;-webkit-transition:.2s;transition:.2s;z-index:0}.menu-second-list .menu-second.active:before{opacity:1}.menu-name{position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}