.perfect-archiving-wrap[data-v-3d7b7926]{width:100%}.perfect-archiving-wrap .top-box[data-v-3d7b7926]{display:flex;justify-content:space-between;align-items:center}.perfect-archiving-wrap .top-box .title-box[data-v-3d7b7926]{display:flex;align-items:center;font-size:15px;color:#ff3636}.perfect-archiving-wrap .top-box .title-box img[data-v-3d7b7926]{margin-right:5px}.perfect-archiving-wrap .top-box .title-box span[data-v-3d7b7926]{margin-left:20px;font-size:15px;color:#999}.perfect-archiving-wrap .top-box .input-box[data-v-3d7b7926]{box-sizing:border-box}.perfect-archiving-wrap .top-box .input-box[data-v-3d7b7926] .el-input-group__append{border:none!important}.perfect-archiving-wrap .top-box .input-box .input-with-select .el-input__inner[data-v-3d7b7926]{border:1px solid #e6e6e6;background-color:#fff!important}.perfect-archiving-wrap .top-box .input-box .input-with-select[data-v-3d7b7926] .el-input__inner:focus{border-color:#ff3636!important}.perfect-archiving-wrap .top-box .input-box .input-with-select .el-button--primary[data-v-3d7b7926]{border-radius:0 4px 4px 0;color:#fff;background-color:#ff3636!important;border-color:#ff3636!important;padding:13px 20px}.perfect-archiving-wrap .main-box[data-v-3d7b7926]{display:flex;flex-wrap:wrap;align-content:flex-start}.perfect-archiving-wrap .main-box .main-item[data-v-3d7b7926]{width:192px;height:170px;margin-right:18px;margin-top:12px;box-sizing:border-box;border-radius:6px;overflow:hidden;position:relative}[data-theme=dark] .perfect-archiving-wrap .main-box .main-item[data-v-3d7b7926]{background:#100e33}[data-theme=light] .perfect-archiving-wrap .main-box .main-item[data-v-3d7b7926]{background:#fff}.perfect-archiving-wrap .main-box .main-item .icon-img[data-v-3d7b7926]{position:absolute;top:0;left:0;z-index:101}.perfect-archiving-wrap .main-box .main-item a[data-v-3d7b7926]{width:192px;height:170px;display:block;position:relative}.perfect-archiving-wrap .main-box .main-item a .icon[data-v-3d7b7926]{position:absolute;top:0;right:0;color:#fff;padding:5px;font-size:12px;background:red}.perfect-archiving-wrap .main-box .main-item a .game-img[data-v-3d7b7926]{width:100%;height:100px}.perfect-archiving-wrap .main-box .main-item a .item-wrapper[data-v-3d7b7926]{width:100%}.perfect-archiving-wrap .main-box .main-item a .item-wrapper .item-box[data-v-3d7b7926]{display:flex;flex-direction:column;padding:10px}.perfect-archiving-wrap .main-box .main-item a .item-wrapper .item-box h4[data-v-3d7b7926]{text-align:center;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:20px}[data-theme=dark] .perfect-archiving-wrap .main-box .main-item a .item-wrapper .item-box h4[data-v-3d7b7926]{color:#ccc}[data-theme=light] .perfect-archiving-wrap .main-box .main-item a .item-wrapper .item-box h4[data-v-3d7b7926]{color:#333}.perfect-archiving-wrap .main-box .main-item a .item-wrapper .item-box h4 .cloud-archiving[data-v-3d7b7926]{padding:5px;margin-left:10px;background:linear-gradient(90deg,#ff9a68,#ff6868);border-radius:4px;color:#fff;font-size:12px}.perfect-archiving-wrap .main-box .main-item a .item-wrapper .item-box .btn-experience[data-v-3d7b7926]{width:100%;height:26px;line-height:26px;text-align:center;margin:5px auto;font-size:16px;color:#999;border-radius:4px;font-size:14px;border:1px solid #ccc}.perfect-archiving-wrap .main-box .main-item[data-v-3d7b7926]:nth-child(5n){margin-right:0}.perfect-archiving-wrap .main-box .main-item[data-v-3d7b7926]:hover{transform:translateY(-5px);transition:.2s ease;box-shadow:-2px 0 10px 0 rgba(0,0,0,.2)}.perfect-archiving-wrap .main-box .main-item:hover h4[data-v-3d7b7926]{color:#ff3636}.perfect-archiving-wrap .main-box .main-item:hover .text-hidden[data-v-3d7b7926]{display:none}.perfect-archiving-wrap .main-box .main-item:hover .btn-experience[data-v-3d7b7926]{border:none!important;color:#fff!important;background:#ff3636}.perfect-archiving-wrap .pagination-box[data-v-3d7b7926]{margin-top:20px;text-align:center}.perfect-archiving-wrap .no-data[data-v-3d7b7926]{min-height:466px;display:flex;flex-direction:column;justify-content:center;align-items:center}.perfect-archiving-wrap .no-data p[data-v-3d7b7926]{margin-top:10px;font-size:16px}[data-theme=dark] .perfect-archiving-wrap .no-data p[data-v-3d7b7926]{color:#ccc}[data-theme=light] .perfect-archiving-wrap .no-data p[data-v-3d7b7926]{color:#333}