.empty-container[data-v-21658e6a]{width:100%}#dataviewApp .el-empty[data-v-21658e6a]{padding:0!important;flex:1;padding:0;width:100%;height:100%}#dataviewApp .el-empty[data-v-21658e6a] .el-empty__description{font-family:MiSans-Regular}#dataviewApp .el-image[data-v-546fa23d]{width:100%;height:100%;border-radius:inherit;overflow:hidden}#dataviewApp .el-image[data-v-546fa23d] .el-image__wrapper{min-height:inherit;border-radius:inherit}#dataviewApp .el-image .loading-img[data-v-546fa23d]{border:1px solid #cdcaca;border-radius:inherit;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:inherit}#dataviewApp .el-image .loading-img span[data-v-546fa23d]{color:#c5c8cc;line-height:1.5625vw;white-space:nowrap;font-size:.625vw}#dataviewApp .el-image .loading-gif[data-v-546fa23d]{height:3.125vw;position:absolute}#dataviewApp .el-image .loading-gif+span[data-v-546fa23d]{margin-top:2.08333vw}#dataviewApp .el-image[data-v-546fa23d] .el-image__error{min-height:inherit;border-radius:inherit;border:1px solid #cdcaca;background-color:transparent}.search-penal[data-v-ab7661fe]{height:100%}.page-view-tabs[data-v-e0b1889c]{height:100%;position:absolute;top:0;width:calc(100% - 13.17708vw)}#dataviewApp .page-view-tabs[data-v-e0b1889c] .el-tabs__content{height:calc(100% - 3.64583vw)}#dataviewApp .page-view-tabs[data-v-e0b1889c] .el-tabs__content .el-tab-pane{height:100%}#dataviewApp .page-view-tabs[data-v-e0b1889c] .el-tabs__header{height:3.64583vw;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#dataviewApp .page-view-tabs[data-v-e0b1889c] .el-tabs__header .el-tabs__nav-wrap:after{display:none}#dataviewApp .page-view-tabs[data-v-e0b1889c] .el-tabs__header .el-tabs__active-bar{background-color:#8b5cf5}#dataviewApp .page-view-tabs[data-v-e0b1889c] .el-tabs__header .el-tabs__item{color:#585d71;font-size:.83333vw;padding:0;margin:0;font-family:MiSans-Medium!important}#dataviewApp .page-view-tabs[data-v-e0b1889c] .el-tabs__header .el-tabs__item.is-active{color:#8b5cf5}#dataviewApp .page-view-tabs[data-v-e0b1889c] .el-tabs__header .el-tabs__item+.el-tabs__item{margin-left:2.08333vw}.scrollbar-view[data-v-25a9fb5c]{width:100%;height:100%}.scroll-container-view[data-v-418b8c07]{height:100%;width:100%;padding-right:.83333vw}#dataviewApp .el-avatar[data-v-08d5bf4e]{width:1.04167vw;height:1.04167vw;background:transparent}.case-crad-item[data-v-9c73f92c]{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;gap:.625vw;padding:0 .625vw;padding-bottom:.625vw}#dataviewApp .case-crad-item[data-v-9c73f92c] .el-image{display:flex}.case-crad-item .case-crad-info[data-v-9c73f92c]{height:calc(100% - 12.34375vw);overflow:hidden;display:flex;flex-direction:column;gap:.20833vw;width:100%}.case-crad-item .case-crad-info .user-info[data-v-9c73f92c]{display:flex;align-items:center;height:1.25vw;gap:.20833vw;font-size:.625vw}.case-crad-item .case-crad-info .user-info .name[data-v-9c73f92c]{width:7.8125vw;color:#8c93a4;cursor:pointer}#dataviewApp .case-crad-item .case-crad-info .user-info .el-avatar[data-v-9c73f92c]{cursor:pointer}.case-crad-item .case-crad-info .user-info .createTime[data-v-9c73f92c]{margin-left:auto;color:#8c93a4;white-space:nowrap}.case-crad-item .case-crad-info .title[data-v-9c73f92c]{color:#25262c;font-family:MiSans-Medium;font-size:.9375vw;height:1.35417vw;line-height:1.35417vw}.case-crad-item[data-v-9c73f92c] .cover{height:11.71875vw;border-radius:.41667vw;position:relative;overflow:hidden;cursor:pointer}.case-crad-item[data-v-9c73f92c] .cover .mask{display:none;align-items:flex-end;gap:.41667vw;color:#fff}.case-crad-item[data-v-9c73f92c] .cover:hover .mask{display:flex}#dataviewApp .case-crad-item[data-v-9c73f92c] .el-image .loading-img{height:11.71875vw}.case-crad-item .viewCount[data-v-9c73f92c]{position:absolute;bottom:0;left:0;height:2.08333vw;border-radius:0 0 .41667vw .41667vw;background:linear-gradient(180deg,hsla(0,0%,40%,0),rgba(0,0,0,.5));color:#fff;display:flex;align-items:center;padding:0 .625vw;justify-content:flex-end;width:100%;gap:.625vw}.case-crad-item .viewCount>div[data-v-9c73f92c]{display:flex;align-items:center;gap:.20833vw;color:#f7f8f8;font-size:.625vw}.case-crad-item .status[data-v-9c73f92c]{position:absolute;top:.52083vw;right:.52083vw;border-radius:.41667vw;background:rgba(109,112,128,.5);-webkit-backdrop-filter:blur(.39063vw);backdrop-filter:blur(.39063vw);height:1.66667vw;line-height:1.66667vw;min-width:3.125vw;padding:0 .625vw;color:#fff;font-size:.625vw}.case-crad-item .tag[data-v-9c73f92c]{position:absolute;top:.52083vw;left:.52083vw;display:flex;gap:.41667vw}.case-crad-item .tag .official[data-v-9c73f92c],.case-crad-item .tag .pin[data-v-9c73f92c]{height:1.45833vw;line-height:1.45833vw;min-width:2.39583vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:.41667vw;text-align:center;font-size:.72917vw;padding:0 .3125vw}.case-crad-item .tag .pin[data-v-9c73f92c]{background:#8b5cf5;color:#f5f3ff}.case-crad-item .tag .official[data-v-9c73f92c]{background:#d6e86e;-webkit-backdrop-filter:blur(.3125vw);backdrop-filter:blur(.3125vw);display:flex;align-items:center;gap:.20833vw}.case-crad-item .tag .official .official-icon[data-v-9c73f92c]{height:.625vw}.case-crad-item .tag .official .pet-icon[data-v-9c73f92c]{height:.9375vw}.button-group[data-v-2957ccbb]{height:100%;display:flex;gap:.41667vw}#dataviewApp .button-group .el-button[data-v-2957ccbb]{height:1.77083vw}#dataviewApp .el-tab-pane[data-v-13ad6606] .header{width:100%;height:2.08333vw;display:flex;margin-bottom:.625vw;justify-content:space-between}#dataviewApp .el-tab-pane[data-v-13ad6606] .header .button-group{height:100%;display:flex;gap:.41667vw;margin-right:.41667vw}#dataviewApp .el-tab-pane[data-v-13ad6606] .header .button-group .el-button{height:1.97917vw}#dataviewApp .el-tab-pane[data-v-13ad6606] .scrollbar-view{height:calc(100% - 5.20833vw)}#dataviewApp .el-tab-pane[data-v-13ad6606] .scrollbar-view .scroll-container-view{padding-right:.52083vw}#dataviewApp .el-tab-pane[data-v-13ad6606] .scrollbar-view .view{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25vw;height:38.54167vw;grid-auto-rows:15.10417vw}#dataviewApp .el-tab-pane[data-v-13ad6606] .scrollbar-view .view .case-crad-item{padding:0}#dataviewApp .el-tab-pane[data-v-13ad6606] .el-empty{height:calc(100% - 5.20833vw)}#dataviewApp .el-tab-pane[data-v-13ad6606] .el-pagination{display:flex;justify-content:center;align-items:center;height:2.60417vw}.info[data-v-d531a1de]{border-radius:.3125vw;background:rgba(225,227,235,.6);height:1.45833vw;padding:0 .41667vw;color:#25262c;font-size:.625vw;display:flex;align-items:center;max-width:12.08333vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap}.info i[data-v-d531a1de]{margin-right:.20833vw}.info.is-ended[data-v-d531a1de],.info.is-ended i[data-v-d531a1de]{color:#8c93a4}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .header{width:100%;height:2.08333vw;display:flex;margin-bottom:.625vw;justify-content:space-between}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view{height:calc(100% - 5.20833vw)}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view .scroll-container-view{padding-right:.52083vw}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view .view{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25vw;height:38.54167vw;grid-auto-rows:15.625vw}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view .view .case-crad-item{padding:0}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .scrollbar-view .title{color:#25262c;font-family:MiSans-Medium;font-size:.9375vw;height:1.35417vw;line-height:1.35417vw}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .el-empty{height:calc(100% - 5.20833vw)}#dataviewApp .el-tab-pane[data-v-b2b7c0d2] .el-pagination{display:flex;justify-content:center;align-items:center;height:2.60417vw}.item[data-v-f10b09a8]{border-radius:.625vw;background:#fff;overflow:hidden;height:100%;width:100%;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease-in-out}.item[data-v-f10b09a8]:hover{background:#e1e3eb}#dataviewApp .item[data-v-f10b09a8] .el-image{display:flex;height:7.70833vw;border-radius:.625vw}.item .info[data-v-f10b09a8]{padding:.41667vw .83333vw;height:calc(100% - 7.70833vw);display:flex;flex-direction:column;gap:.83333vw}.item .info .title[data-v-f10b09a8]{font-size:.83333vw;font-family:MiSans-Medium;color:#1f2329;line-height:1.25vw;height:1.25vw;width:100%}.item .info .count[data-v-f10b09a8]{color:#8c93a4;font-size:.72917vw;display:flex;align-items:flex-end;justify-content:space-between}.item .info .count .is-free[data-v-f10b09a8]{font-family:MiSans-Medium;color:#8b5cf5;font-size:1.04167vw}.tab-tutorial-view[data-v-6640b0fe]{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:1.5625vw}.tab-tutorial-view .banner[data-v-6640b0fe]{height:15.625vw;border-radius:.83333vw;overflow:hidden;margin-bottom:.41667vw}#dataviewApp .tab-tutorial-view .banner .el-carousel .el-carousel__container[data-v-6640b0fe],#dataviewApp .tab-tutorial-view .banner .el-carousel[data-v-6640b0fe]{height:100%}#dataviewApp .tab-tutorial-view .banner .el-carousel .el-carousel__container .el-carousel__item[data-v-6640b0fe]:nth-child(2n){background-color:#99a9bf}#dataviewApp .tab-tutorial-view .banner .el-carousel .el-carousel__container .el-carousel__item[data-v-6640b0fe]:nth-child(odd){background-color:#d3dce6}.tab-tutorial-view .tutorial-item+.tutorial-item[data-v-6640b0fe]{margin-top:.83333vw}.tab-tutorial-view .tutorial-item .tutorial-item-title[data-v-6640b0fe]{height:2.5vw;display:flex;align-items:flex-end;border-bottom:1px solid #d4d9e5}.tab-tutorial-view .tutorial-item .tutorial-item-title span[data-v-6640b0fe]{display:inline-block;height:1.875vw;line-height:1.875vw;color:#8b5cf5;font-size:.83333vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;font-family:MiSans-Medium}.tab-tutorial-view .tutorial-item .tutorial-item-title span[data-v-6640b0fe]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.10417vw;background-color:#8b5cf5}.tab-tutorial-view .tutorial-item .images-list[data-v-6640b0fe]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-auto-rows:12.5vw;padding-top:.83333vw}