.icon2.arrow-down{transition:all .3s}.icon2.arrow-down.up{transform:rotate(-180deg)}.paging{justify-content:flex-end;align-items:center;width:100%;margin-top:10px;display:flex}.paging li{color:#334566;box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;margin:0 2px;padding:0 8px;font-size:13px;display:flex}.paging li .icon{font-size:16px}.paging .page-total{color:#334566;font-size:14px;font-weight:400;line-height:22px}.paging .page-num:hover{color:var(--main-hover-color);border:1px solid var(--main-hover-color)}.paging .page-num.active{border:1px solid var(--main-color);color:var(--main-color)}.paging .page-size{color:#334566;white-space:nowrap;border:1px solid #dcdfe6;border-radius:4px;align-items:center;height:32px;padding:0 12px;font-size:14px;transition:all .3s;display:inline-flex;overflow:hidden}.paging .page-size:hover,.paging .page-size.is-show-pop{color:var(--main-color);border-color:var(--main-color)}.paging .page-size.is-show-pop .arrow-down{transform:rotate(-180deg)}.paging li.disable{color:#c0c4cc;cursor:not-allowed}.dark .paging .page-total{color:#fffcf7;font-weight:400}.dark .paging .page-num{color:#fffcf7;padding:0 12px;font-weight:400}.dark .paging .page-num:hover{color:var(--main-color);border:1px solid var(--main-color)}.dark .paging .active.page-num{color:var(--main-color)}.dark .paging .page-size{color:#fffcf7;border:none;border-radius:8px;font-weight:400;transition:box-shadow .3s;box-shadow:inset 0 0 0 1px #bdc5d1}.dark .paging .page-size:hover{box-shadow:0 0 0 3px var(--main-color) inset}.paging-list-pop.dark{border:1px solid #bdc5d1;border-radius:12px}.paging-list-pop.dark .top.arrow{display:none}.paging-list-pop.dark .item{border-radius:8px;align-items:center;margin:0 8px;display:flex}.paging-list-pop.dark .item+.item{margin-top:2px}.paging-list-pop.dark .active.item,.paging-list-pop.dark .item:hover{background:#30476a;color:#fffcf7!important}