.title[data-v-28efcbea]{display:block;font-weight:600;padding-bottom:20px}.search-wrapper[data-v-28efcbea]{display:-webkit-box;display:-ms-flexbox;display:flex}.search-wrapper .input-wrapper[data-v-28efcbea]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:20px}.search-wrapper .input-wrapper .input-i[data-v-28efcbea]{width:100%}.search-wrapper .tj-btn[data-v-28efcbea]{width:80px}.user-list-wrapper[data-v-28efcbea]{background:#fafafa;min-height:200px;margin-top:20px;padding:20px}.user-list-wrapper .title[data-v-28efcbea]{font-weight:600;padding-bottom:20px}.userHeadImage[data-v-28efcbea]{width:14px;height:14px;display:inline-block;vertical-align:middle;border-radius:50%}.user-item[data-v-28efcbea]{margin-right:5px;margin-bottom:5px}.page-thumbnail-panel[data-v-6bd8586e]{width:224px;height:296px;border-radius:4px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;position:relative;-webkit-transition:all .28s;transition:all .28s}.page-thumbnail-panel[data-v-6bd8586e]:hover{-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.16);box-shadow:0 0 16px 0 rgba(0,0,0,.16);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}.page-thumbnail-panel:hover .header-mask[data-v-6bd8586e]{opacity:1}.page-thumbnail-panel .header-mask[data-v-6bd8586e]{position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.3);width:100%;height:100%;border-radius:4px 4px 0 0;padding-top:92px;text-align:center;-webkit-transition:top .28s ease,opacity .28s ease,height .28s ease;transition:top .28s ease,opacity .28s ease,height .28s ease}.page-thumbnail-panel .header-mask .details-btn[data-v-6bd8586e]{display:inline-block;width:120px;height:44px;font-size:18px;line-height:44px;border-radius:22px;border:1px solid #fff;color:#fff;cursor:pointer}.thumbnail-panel-cover[data-v-6bd8586e]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.thumbnail-panel-cover .image-wrapper[data-v-6bd8586e]{width:100%;height:213px;overflow:hidden;padding:5px;z-index:10}.thumbnail-panel-cover .image-wrapper img[data-v-6bd8586e]{display:block;width:100%;height:100%}.page-item-title[data-v-6bd8586e]{height:36px;line-height:36px;padding:0 8px;font-size:14px}.thumbnail-panel-btn[data-v-6bd8586e]{height:36px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.thumbnail-panel-btn .btn-wrapper[data-v-6bd8586e]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.unpublish[data-v-6bd8586e]{background-color:#76838f}.unpublish[data-v-6bd8586e],.unpustate[data-v-6bd8586e]{position:absolute;top:5px;left:5px;font-size:12px;display:block;padding:0 10px;height:30px;line-height:30px;color:#fff;border-top-left-radius:4px;border-bottom-right-radius:12px;z-index:10}.unpustate[data-v-6bd8586e]{background-color:#e91e63}.page-thumbnail-panel.create[data-v-6bd8586e]{padding:16px;text-align:center}.page-thumbnail-panel.create .temp-create[data-v-6bd8586e]{display:inline-block;width:100%;height:100%;border:1px solid #e6ebed;border-radius:3px;padding-top:100px;-webkit-transition:all .28s;transition:all .28s;cursor:pointer}.page-thumbnail-panel.create .temp-create[data-v-6bd8586e]:hover{color:#25a589;border-color:#25a589}.page-thumbnail-panel.create .null-create[data-v-6bd8586e]{display:inline-block;width:100%;height:42px;line-height:42px;border:1px solid #4a4e52;-webkit-transition:all .28s;transition:all .28s;cursor:pointer}.page-thumbnail-panel.create .null-create[data-v-6bd8586e]:hover{color:#25a589;border-color:#25a589}.components-preview-inner[data-v-b22cdcfe]{width:100%}.setting-bg[data-v-b22cdcfe]{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1042}.left-panel[data-v-b22cdcfe]{position:fixed;top:0;bottom:0;left:0;right:640px;z-index:1050;overflow:hidden}.right-panel[data-v-b22cdcfe]{position:fixed;width:640px;top:0;right:0;bottom:0;z-index:1050;background-color:#fff;overflow-y:auto;color:#333}.iframe-wrapper[data-v-b22cdcfe]{position:absolute;left:50%;top:50%;margin-left:-185px;margin-top:-334px;background:#fff}.cloase-btn[data-v-b22cdcfe]{position:fixed;top:8px;right:20px;font-size:28px;color:#7f8593;-webkit-transition:all .28s;transition:all .28s;z-index:1060;cursor:pointer}.cloase-btn[data-v-b22cdcfe]:hover{color:#25a589}