@font-face{font-family:'Open Sans';font-weight:300;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/open-sans/OpenSans-Light.ttf) format('truetype')}
@font-face{font-family:'Open Sans';font-weight:400;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/open-sans/OpenSans-Regular.ttf) format('truetype')}
@font-face{font-family:'Open Sans';font-weight:500;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/open-sans/OpenSans-Medium.ttf) format('truetype')}
@font-face{font-family:'Open Sans';font-weight:600;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/open-sans/OpenSans-SemiBold.ttf) format('truetype')}
@font-face{font-family:'Open Sans';font-weight:700;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/open-sans/OpenSans-Bold.ttf) format('truetype')}
@font-face{font-family:'Open Sans';font-weight:800;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/open-sans/OpenSans-ExtraBold.ttf) format('truetype')}
@font-face{font-family:'Open Sans';font-weight:900;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/open-sans/OpenSans-ExtraBold.ttf) format('truetype')}

@font-face{font-family:'PingFang SC';font-weight:300;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/pingfang/PingFangSC-Thin.otf) format('opentype')}
@font-face{font-family:'PingFang SC';font-weight:400;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/pingfang/PingFangSC-Light.otf) format('opentype')}
@font-face{font-family:'PingFang SC';font-weight:500;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/pingfang/PingFangSC-Regular.otf) format('opentype')}
@font-face{font-family:'PingFang SC';font-weight:600;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/pingfang/PingFangSC-Medium.otf) format('opentype')}
@font-face{font-family:'PingFang SC';font-weight:700;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/pingfang/PingFangSC-Semibold.otf) format('opentype')}
@font-face{font-family:'PingFang SC';font-weight:800;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/pingfang/PingFangSC-Semibold.otf) format('opentype')}
@font-face{font-family:'PingFang SC';font-weight:900;font-style:normal;font-display:swap;src:url(//cdn.jsdelivr.net/gh/DataToolVip/fonts/pingfang/PingFangSC-Semibold.otf) format('opentype')}

:root {
  --el-color-primary: #7B68EE;
  --el-color-primary-dark: #8400FF;
  --el-color-success: #02B784;
  --el-color-warning: #e6a23c;
  --el-color-danger: #f771b0;
  --el-color-error: #f771b0;
  --el-color-secondary: #48CDFA;
  --el-color-info: #909399;
  --el-text-color: #000;
  --el-border-color: #d7d7d7;
  --el-placeholder-color: #b4b4b4;
  --el-bg-color: #fff;
  --el-bg-color-deep: #fafafa;
  --header-height: 60px;
  --scrollbar-size: 12px;
}
/* base begin */
@media screen and (min-width: 768px) {
  ::-webkit-scrollbar{width:var(--scrollbar-size);background-color:transparent}
  ::-webkit-scrollbar-track{background-color:transparent}
  ::-webkit-scrollbar-thumb{background-color:#e6e3f7;border-radius:var(--scrollbar-size)}
  ::-webkit-scrollbar-thumb:hover{background-color:#02a7f0}
}
.small-scrollbar{--scrollbar-size:8px}
.mini-scrollbar::-webkit-scrollbar{--scrollbar-size:4px}
html{box-sizing:border-box;outline:0}
*,*::before,*::after{box-sizing:inherit;outline:inherit}
body{margin:0;color:var(--el-text-color);font-size:14px;line-height:1.4;font-family:'Open Sans','PingFang SC',system-ui; background-color:var(--el-bg-color);}
.touch body{font-size:13px;line-height:1.4}
a{color:inherit}
.svg{width:1em;height:1em;fill:currentColor}
.link{cursor:pointer;color:inherit;text-decoration:none}
.link-primary{cursor:pointer;color:var(--el-color-primary);text-decoration:none}
.link:hover,.link-primary:hover{text-decoration:underline;color:var(--el-color-primary)}
.underline{text-decoration:underline}
.icon-question{color:#bababa;cursor:pointer}
.icon-question:hover{color:#999}
.main{min-height:60vh}
.box{padding:0 100px}
@media screen and (max-width: 1400px) {
  .box {padding: 0 50px;}
}
@media screen and (max-width: 1200px) {
  .box {padding: 0 20px;}
}
@media screen and (max-width: 768px) {
  .box {padding: 0;}
}
.ul,.ol{list-style:none;padding:0;margin:0}
.img{max-width:100%;font-size:12px}
.table{border-collapse:collapse;border-spacing:0}
[hidden]{display:none !important}
.hidden{opacity:0 !important;position:absolute !important;width:0 !important;height:0 !important;overflow:hidden !important}
button,input{border:1px solid var(--el-border-color);background-color:transparent;cursor:pointer;color:inherit}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
textarea {-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;box-sizing:border-box;display:inline-block;font-size:inherit;border-radius:6px;}
input[type="password"]::-ms-reveal {display: none;}
input[type="password"]::-ms-clear {display: none;}
input[type="password"]::-o-clear {display: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--el-placeholder-color)}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
select{-webkit-appearance:none;appearance:none;cursor:pointer}
.ell-1{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}
.ell-2{width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0}
.ell-3{width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-width:0}
.fw300{font-weight: 300;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fz12{font-size: 12px;}
.fz13{font-size: 13px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz24{font-size: 24px;}
.fz30{font-size: 30px;}
.opacity-3{opacity: .3;}
.opacity-5{opacity: .5;}
.opacity-7{opacity: .7;}
.opacity{opacity: 1;}
/* base end */
/* right-aside-fixed begin */
.right-aside-fixed{--item-width:50px;--item-height:50px;position:fixed;z-index:1000;right:16px;bottom:20vh;box-shadow:0px 0px 10px 1px rgba(175,195,207,0.3);background-color:#fff}
.right-aside-fixed .right-aside-item{display:flex;align-items:center;justify-content:center;width:var(--item-width);height:var(--item-height);background-color:#f5f5f5;border:2px solid #ffffff;font-size:26px;cursor:pointer;color:inherit}
.right-aside-fixed .right-aside-item:hover{color:#fff;background-color:var(--el-color-primary)}
.right-aside-fixed .back-to-top{display:none}
/* right-aside-fixed end */
/* flex begin */
.show{display:block !important}
.hide{display:none !important}
.tl{text-align: left;}
.tr{text-align:right}
.tc{text-align:center}
.flex{display:flex !important}
.flexi{display:inline-flex !important}
.f-ac{align-items:center !important}
.f-jc{justify-content:center !important}
.f-jb{justify-content:space-between !important}
.f-je{justify-content:flex-end !important}
.gap-5{gap: 5px;}
.gap-10{gap: 10px;}
.gap-16{gap: 16px;}
.gap-20{gap: 20px;}
.gap-25{gap: 25px;}
.gap-30{gap: 30px;}
.w-full{width: 100%;}
.w-50{width: 50%;}
/* flex end */
/* margin begin */
.mla{margin-inline-start:auto !important}
.m0{margin:0px !important}
.mt0{margin-block-start:0px !important}
.mr0{margin-inline-end:0px !important}
.mb0{margin-block-end:0px !important}
.ml0{margin-inline-start:0px !important}
.m10{margin:10px !important}
.mt10{margin-block-start:10px !important}
.mr10{margin-inline-end:10px !important}
.mb10{margin-block-end:10px !important}
.ml10{margin-inline-start:10px !important}
.m16{margin:16px !important}
.mt16{margin-block-start:16px !important}
.mr16{margin-inline-end:16px !important}
.mb16{margin-block-end:16px !important}
.ml16{margin-inline-start:16px !important}
.m20{margin:20px !important}
.mt20{margin-block-start:20px !important}
.mr20{margin-inline-end:20px !important}
.mb20{margin-block-end:20px !important}
.ml20{margin-inline-start:20px !important}
.m25{margin:25px !important}
.mt25{margin-block-start:25px !important}
.mr25{margin-inline-end:25px !important}
.mb25{margin-block-end:25px !important}
.ml25{margin-inline-start:25px !important}
.m30{margin:30px !important}
.mt30{margin-block-start:30px !important}
.mr30{margin-inline-end:30px !important}
.mb30{margin-block-end:30px !important}
.ml30{margin-inline-start:30px !important}
.m40{margin:40px !important}
.mt40{margin-block-start:40px !important}
.mr40{margin-inline-end:40px !important}
.mb40{margin-block-end:40px !important}
.ml40{margin-inline-start:40px !important}
.m50{margin:50px !important}
.mt50{margin-block-start:50px !important}
.mr50{margin-inline-end:50px !important}
.mb50{margin-block-end:50px !important}
.ml50{margin-inline-start:50px !important}
/* margin end */
/* padding begin */
.p0{padding:0px !important}
.pt0{padding-block-start:0px !important}
.pr0{padding-inline-end:0px !important}
.pb0{padding-block-end:0px !important}
.pl0{padding-inline-start:0px !important}
.p10{padding:10px !important}
.pt10{padding-block-start:10px !important}
.pr10{padding-inline-end:10px !important}
.pb10{padding-block-end:10px !important}
.pl10{padding-inline-start:10px !important}
.p16{padding:16px !important}
.pt16{padding-block-start:16px !important}
.pr16{padding-inline-end:16px !important}
.pb16{padding-block-end:16px !important}
.pl16{padding-inline-start:16px !important}
.p20{padding:20px !important}
.pt20{padding-block-start:20px !important}
.pr20{padding-inline-end:20px !important}
.pb20{padding-block-end:20px !important}
.pl20{padding-inline-start:20px !important}
.p30{padding:30px !important}
.pt30{padding-block-start:30px !important}
.pr30{padding-inline-end:30px !important}
.pb30{padding-block-end:30px !important}
.pl30{padding-inline-start:30px !important}
.p40{padding:40px !important}
.pt40{padding-block-start:40px !important}
.pr40{padding-inline-end:40px !important}
.pb40{padding-block-end:40px !important}
.pl40{padding-inline-start:40px !important}
.p50{padding:50px !important}
.pt50{padding-block-start:50px !important}
.pr50{padding-inline-end:50px !important}
.pb50{padding-block-end:50px !important}
.pl50{padding-inline-start:50px !important}
/* padding end */
/* header begin */
.header{--logo-width:140px;--logo-ratio:0.192;flex-shrink:0;position:sticky;top:0;z-index:1000;background:linear-gradient(90deg,#8400ff 0%,#02a7f0 100%)}
.header [data-pc]{display:flex;align-items:center;height:var(--header-height);gap:30px}
.header [data-pc] .hd-popover-trigger{position:relative}
.header [data-pc] .hd-popover-trigger .hd-popover-wrap{pointer-events:none;overflow:hidden;opacity:0;position:absolute;top:calc(var(--header-height) + 9px);left:50%;transform:translateX(-50%);background-color:#fff;border-radius:10px;padding:10px 20px;transition:opacity 0.5s ease,top 0.5s ease;display:flex;flex-direction:column;width:max-content;box-shadow:0px 0px 10px 1px rgba(175,195,207,0.3)}
.header [data-pc] .hd-popover-trigger:hover .hd-popover-wrap{opacity:1;pointer-events:all;overflow:visible;top:var(--header-height)}
.header [data-pc] .header-item{display:flex;align-items:center;gap:20px}
.header [data-pc] .logo{overflow:hidden;display:inline-flex;text-decoration:none;transition:opacity 0.5s ease;font-weight: 700;font-size: 18px;color: #fff;}
.header [data-pc] .logo:hover{opacity:0.8}
.header [data-pc] .hd-menu-item{display:inline-flex;align-items:center;height:var(--header-height)}
.header [data-pc] .hd-menu-item .hd-menu-link{display:inline-flex;align-items:center;height:30px;gap:5px;cursor:pointer;white-space:nowrap;color:#fff;text-decoration:none;position:relative;font-weight:600}
.header [data-pc] .hd-menu-item .hd-menu-link>svg{transition:transform 0.5s ease}
.header [data-pc] .hd-sub-menu-link{display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;width:100%;height:36px;text-decoration:none;flex-shrink: 0;}
.header [data-pc] .hd-sub-menu-link.active,.header [data-pc] .hd-sub-menu-link:hover{color:var(--el-color-primary-dark);text-shadow:0 0 0px currentColor}
.header [data-pc] .btn-login{display:inline-flex;align-items:center;justify-content:center;padding-inline-start: 20px;padding-inline-end: 20px;height:30px;text-decoration:none;background-color:#fff;border-radius:5px;font-size:13px;font-weight:600;border:1px solid transparent;white-space: nowrap;}
.header [data-pc] .btn-login:hover{color:#fff;background-color:transparent;border-color:#fff}
.header [data-h5]{--logo-width:100px;--header-height:60px;display:none;align-items:center;justify-content:space-between;height:var(--header-height);gap:10px;padding:0 10px;font-size:14px}
.header [data-h5] .hd-popover-trigger{position:relative}
.header [data-h5] .hd-popover-trigger .hd-popover-wrap{pointer-events:none;overflow:hidden;opacity:0;position:absolute;top:calc(var(--header-height) + 9px);left:0;background-color:#fff;border-radius:10px;padding:10px 20px;transition:opacity 0.5s ease,top 0.5s ease;display:flex;flex-direction:column;width:max-content;box-shadow:0px 0px 10px 1px rgba(175,195,207,0.3)}
.header [data-h5] .hd-popover-trigger.hd-popover-active .hd-popover-wrap{opacity:1;pointer-events:all;overflow:visible;top:var(--header-height)}
.header [data-h5] .header-item{display:flex;align-items:center;gap:10px;height:var(--header-height)}
.header [data-h5] .btnMenu{flex-shrink:0;display:flex;align-items:center;font-size:20px;color:#fff}
.header [data-h5] .logo{overflow:hidden;display:inline-flex;text-decoration:none;transition:opacity 0.5s ease;font-weight: 700;font-size: 16px;color: #fff;}
.header .hd-menu-item{display:inline-flex;align-items:center;height:var(--header-height)}
.header .hd-menu-item .hd-menu-link{display:inline-flex;align-items:center;height:30px;gap:5px;cursor:pointer;white-space:nowrap;color:#fff;text-decoration:none;position:relative;}
.header .hd-menu-item .hd-menu-link>svg{transition:transform 0.5s ease}
.header .hd-sub-menu-link{display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;width:100%;height:30px;text-decoration:none;flex-shrink: 0;}
.header .hd-sub-menu-link.active,.header .hd-sub-menu-link:hover{color:var(--el-color-primary-dark);text-shadow:0 0 0px currentColor}
.header [data-h5] .btn-login{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color: #fff;}
.touch .header [data-pc]{display:none}
.touch .header [data-h5]{display:flex}
.header .selectLanguageList{max-height: 70vh;overflow: hidden auto !important;}
/* header end */

/* footer begin */
.footer-wrapper {background:linear-gradient(90deg,#8400ff 0%,#02a7f0 100%);color: #fff;}
.footer{font-size:13px;display:flex;align-items:flex-start;flex-wrap:wrap;gap: 20px 50px;}
.footer a:not(:hover,.link,.link-primary){color: inherit;}
.footer a:not(:hover){text-decoration:none}
@media screen and (max-width:1090px){
  .footer{padding-inline-start: 10px;padding-inline-end: 10px;}
}
.footer-left{flex-shrink:0}
.footer-left .logo{flex-shrink:0;width:max-content;display:flex;font-weight: 700;font-size: 18px;}
.footer-right{display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px 50px}
.footer-item-title {margin-block-end: 20px;min-height: 18px;display: block;font-weight: 600;}
.footer-links{display: flex;flex-direction: column;}
.footer-links .footer-link{display: block;}
.footer-links .footer-link:not(:first-child){margin-block-start: 10px;}
/* footer end */

/* export-progress-dialog begin */
.export-progress-dialog{padding:20px 30px}
.export-progress-dialog .export-progress .progress{display:flex;align-items:center;justify-content:center;position:relative;margin-block-end:10px}
.export-progress-dialog .export-progress .progress .exportProgressValue{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:var(--el-color-primary);font-weight:600}
.export-progress-dialog .export-progress .progress::before{content:"";display:block;border:5px solid var(--el-color-primary);border-top-color:transparent;width:60px;height:60px;border-radius:50%;animation:rotate 1s linear infinite}
@keyframes rotate{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
/* export-progress-tip-dialog end */
/* breadcrumb begin */
.a_breadcrumb{padding:20px 0;font-size:14px;display: flex;flex-wrap: wrap;align-items: center;}
.a_breadcrumb a{text-decoration:none;}
.a_breadcrumb a[href]{cursor:pointer}
.a_breadcrumb a[href]:hover{text-decoration:underline;color: var(--el-color-primary);}
.a_breadcrumb .a_sep{margin:0 5px;}
.a_breadcrumb a:last-child{color: #808080;}
/* breadcrumb end */
/*************** dtui.css *****************/
/* dt-svg begin */
.dt-svg{--an-svg-size:1em;--an-svg-color:currentColor;display:inline-flex;justify-content:center;align-items:center;width:var(--an-svg-size);height:var(--an-svg-size);margin:0 auto;overflow:hidden}
.dt-svg img{width:100%;height:auto;transform:translateX(-100%);filter:drop-shadow(var(--an-svg-size) 0 0 var(--an-svg-color))}
/* dt-svg end */
/* dt-button begin */
.dt-button{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:0 10px;height:28px;border:1px solid currentColor;background-color:transparent;font-size:13px;border-radius:5px;cursor:pointer;text-decoration:none}
.dt-button:hover{opacity:0.7}
.dt-button.dt-button-round{border-radius:999px}
.dt-button.dt-button-primary{color:#fff;background-color:var(--el-color-primary);border-color:var(--el-color-primary)}
.dt-button.dt-button-primary.dt-button-plain{color:var(--el-color-primary);background-color:transparent}
.dt-button.dt-button-success{color:#fff;background-color:var(--el-color-success);border-color:var(--el-color-success)}
.dt-button.dt-button-success.dt-button-plain{color:var(--el-color-success);background-color:transparent}
.dt-button.dt-button-warning{color:#fff;background-color:var(--el-color-warning);border-color:var(--el-color-warning)}
.dt-button.dt-button-warning.dt-button-plain{color:var(--el-color-warning);background-color:transparent}
.dt-button.dt-button-danger{color:#fff;background-color:var(--el-color-danger);border-color:var(--el-color-danger)}
.dt-button.dt-button-danger.dt-button-plain{color:var(--el-color-danger);background-color:transparent}
.dt-button.dt-button-secondary{color:#fff;background-color:var(--el-color-secondary);border-color:var(--el-color-secondary)}
.dt-button.dt-button-secondary.dt-button-plain{color:var(--el-color-secondary);background-color:transparent}
/* dt-button end */
/* dt-space begin */
.dt-space{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}
.dt-space .dt-space-item{flex-shrink:0}
.dt-space.gap-5{gap:5px}
.dt-space.gap-20{gap:20px}
/* dt-space end */
/* dt-table begin */
.dt-table-wrapper{--table-th-bg-color:#f1f7f9;--table-th-hover-bg-color:#e3eef2;--table-th-text-color:#7F7F7F;--table-border-color:#f2f2f2;--table-hover-bg-color:#f8f3fe;width:100%;height:auto;overflow:auto;position:relative;font-size:13px}
.dt-table-wrapper .dt-table{border-spacing:0;border-collapse:collapse;table-layout:fixed;vertical-align:middle}
.dt-table-wrapper .dt-table thead tr th{padding:12px;text-align:left;background-color:var(--table-th-bg-color);font-weight:500;line-height:18px;color:var(--table-th-text-color)}
.dt-table-wrapper .dt-table thead tr th:hover{background-color:var(--table-th-hover-bg-color)}
.dt-table-wrapper .dt-table tbody tr:hover td{background-color:var(--table-hover-bg-color)}
.dt-table-wrapper .dt-table tbody tr td{border-top:1px solid var(--table-border-color);padding:12px}
.dt-table-wrapper .dt-fixed-header{position:sticky;top:0;z-index:20}
.dt-table-wrapper .dt-fixed-left{position:sticky;left:0;z-index:10;background-color:#fff}
.dt-table-wrapper .dt-fixed-left::after{content:'';position:absolute;top:0;right:0;bottom:0;border-left:1px solid var(--table-th-bg-color)}
.dt-table-wrapper .dt-fixed-right{position:sticky;right:0;z-index:10;text-align:right;background-color:#fff}
.dt-table-wrapper .dt-fixed-right::before{content:'';position:absolute;top:0;left:0;bottom:0;border-left:1px solid var(--table-th-bg-color)}
.dt-table-wrapper .dt-fixed-header.dt-fixed-left,.dt-table-wrapper .dt-fixed-header.dt-fixed-right{z-index:30}
.dt-table-wrapper .dt-table .dt-sort{--size:4px;display:flex;flex-direction:column;align-items:center;position:relative;margin-inline-start:6px;cursor:pointer}
.dt-table-wrapper .dt-table .dt-sort::before{content:'';position:absolute;top:calc(var(--size) * 2 * -1);flex-shrink:0;display:flex;flex:1;width:0;height:0;border:var(--size) solid transparent;border-bottom-color:#bababa}
.dt-table-wrapper .dt-table .dt-sort::after{content:'';position:absolute;top:2px;flex-shrink:0;display:flex;flex:1;width:0;height:0;border:var(--size) solid transparent;border-top-color:#bababa}
.dt-table-wrapper .dt-table .dt-sort.asc::before{border-bottom-color:var(--el-color-primary)}
.dt-table-wrapper .dt-table .dt-sort.desc::after{border-top-color:var(--el-color-primary)}
/* dt-table end */
/* dt-pagination begin */
.dt-pagination{--size:26px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;font-size:14px}
.dt-pagination .dt-page{display:inline-flex;align-items:center;justify-content:center;padding:0 6px;min-width:var(--size);height:var(--size);line-height:var(--size);border:1px solid var(--el-border-color);border-radius:4px;cursor:pointer}
.dt-pagination .dt-page:not(.current,[data-id="disabled"]):hover{color:var(--el-color-primary);border-color:var(--el-color-primary)}
.dt-pagination .current{background-color:var(--el-color-primary);color:#fff;border-color:var(--el-color-primary)}
.dt-pagination [data-id="disabled"]{opacity:0.5;pointer-events:none;cursor:not-allowed}
.dt-pagination .fz22{font-size:18px}
.dt-pagination .dt-page svg{pointer-events:none}
.dt-pagination .rotate180deg svg{transform:rotate(180deg)}
/* dt-table end */
/* dt-tabs-head begin */
.dt-tabs-head{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:20px;font-size:14px}
.dt-tabs-head .dt-tab-head{display:inline-flex;align-items:center;position:relative;cursor:pointer}
.dt-tabs-head .dt-tab-head::after{content:'';position:absolute;bottom:-2px;left:0;width:0%;border-top:2px solid var(--el-color-primary);transition:width 0.3s ease-in-out}
.dt-tabs-head .dt-tab-head.active,.dt-tabs-head .dt-tab-head:hover{color:var(--el-color-primary)}
.dt-tabs-head .dt-tab-head.active::after{width:100%}
/* dt-tabs-head end */
/* dt-simple-paging begin */
.dt-simple-paging{--button-size:36px;--button-text-color:inherit;--button-text-hover-color:var(--el-color-primary);display:flex;align-items:center;justify-content:center;gap:10px}
.dt-simple-paging button{flex-shrink:0;width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center;color:var(--button-text-color);border:2px solid currentColor;border-radius:50%}
.dt-simple-paging button svg{font-size:20px;pointer-events:none}
.dt-simple-paging button:hover{color:var(--button-text-hover-color)}
.dt-simple-paging .totally{display:flex;align-items:center;flex-shrink:0;gap:2px}
.dt-simple-paging .disabled{pointer-events:none;opacity:0.4}
/* dt-simple-paging end */

/* dt-skeleton-loading begin */
.dt-skeleton-loading{--glow-height:60vh;position:relative;background-color:#fff;width:100%;height:var(--glow-height);overflow:hidden;padding:1px 0 16px 0}
.dt-skeleton-loading:after{position:absolute;left:150%;top:0;width:30%;height:var(--glow-height);content:"";background:linear-gradient(to right,rgba(255,255,255,0) 0,#ffffff 50%,rgba(255,255,255,0) 100%);transform:skewX(-45deg);animation:skeleton-glow-loading 1s linear infinite}
.dt-skeleton-loading-item{height:60px;background-color:#f5f5f5;border-radius:5px;margin-block-start:16px}
@keyframes skeleton-glow-loading{
  0%{left:-30%}
  100%{left:100%}
}
/* dt-skeleton-loading end */