.table-page{width:100%;height:100%;background:#fff;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.05);border-radius:10px;display:flex;flex-direction:column}.table-page .head-menu-box{padding:10px 20px;display:flex;align-items:center;flex-wrap:wrap;flex-shrink:0}.table-page .head-menu-box .operating-box{max-width:100%;margin-left:auto;justify-content:right;flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center}.table-page .head-menu-box .operating-box .btn-box{cursor:pointer;padding:5px 12px;margin:5px 0 5px 10px;background:#00b3d9;font-size:13px;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:4px;display:flex;align-items:center;transition:all .3s;transition-timing-function:ease}@media (max-width:700px){.table-page .head-menu-box .operating-box .btn-box{display:none}}.table-page .head-menu-box .operating-box .btn-box:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}.table-page .head-menu-box .operating-box .btn-box .icon{width:18px;height:18px;margin-right:5px}.table-page .head-menu-box .operating-box .btn-box .text{color:#fff}.table-page .head-menu-box .operating-box .btn-box.operating{background:#31b678}.table-page .head-menu-box .operating-box .operating-btn{margin:5px 0 5px 10px}.table-page .head-menu-box .operating-box .search-box{position:relative;margin:5px 10px;display:flex}.table-page .head-menu-box .operating-box .search-box .icon-box{width:40px;position:absolute;top:0;right:auto;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.table-page .head-menu-box .operating-box .search-box .icon-box .icon{width:50%;height:50%}.table-page .head-menu-box .operating-box .search-box .input{padding:0 20px 0 40px;height:35px;border-width:1px;border-style:solid;border-radius:35px;box-sizing:border-box}@media (max-width:700px){.table-page .head-menu-box .operating-box .search-box .input{width:150px}}.table-page .head-menu-box .operating-box .search{background:#fff}.table-page .head-menu-box .operating-box .more-box{margin-left:20px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.table-page .head-menu-box .operating-box .more-box .icon{width:20px;height:20px}.table-page .table-box{position:relative;width:100%;display:flex;flex-grow:1}.table-page .table-box .base-box{position:absolute;width:100%;height:100%;flex-shrink:0;display:flex;align-items:flex-start;overflow:auto;-webkit-overflow-scrolling:touch}.table-page .table-box .base-box::-webkit-scrollbar{width:8px;height:8px}.table-page .table-box .base-box .content-box{min-height:100%;padding:0 5px;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start}.table-page .table-box .base-box .content-box .head{position:sticky;top:0;min-width:100%;height:60px;background:#f3f3f3;z-index:10;border-radius:5px;display:flex}.table-page .table-box .base-box .content-box .head .item{padding:0 40px;width:200px;height:100%;color:#abb4b9;font-weight:700;font-size:15px;display:flex;align-items:center}@media (max-width:700px){.table-page .table-box .base-box .content-box .head .item{padding:0 10px;font-size:3vmin}}.table-page .table-box .base-box .content-box .body{min-width:100%;max-width:100%}.table-page .table-box .base-box .content-box .body .row{position:relative;height:50px;z-index:1;border:1px solid transparent;border-radius:5px;display:flex;transition:all .3s;transition-timing-function:ease;box-sizing:border-box}.table-page .table-box .base-box .content-box .body .row:hover{z-index:5;border-color:#e3e3e3;box-shadow:0 5px 20px rgba(0,0,0,.1)}.table-page .table-box .base-box .content-box .body .row:nth-child(2n){background:#f9f9f9}.table-page .table-box .base-box .content-box .body .row .column{padding:0 40px;width:200px;height:100%}@media (max-width:700px){.table-page .table-box .base-box .content-box .body .row .column{padding:0 10px}}.table-page .table-box .base-box .content-box .body .row .column .column-box{margin:3px 0;width:100%;height:calc(100% - 6px);letter-spacing:1px;color:#000;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table-page .table-box .base-box .content-box .body .row .column .column-box::-webkit-scrollbar{height:3px}.table-page .table-box .base-box .content-box .body .row .column .column-box .text-box{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:700px){.table-page .table-box .base-box .content-box .body .row .column .column-box .text-box{font-size:2.5vmin}}.table-page .table-box .base-box .content-box .body .row .column .column-box:hover .text-box{overflow:initial;text-overflow:clip}.table-page .table-box .base-box .content-box .body .row .column .column-box .normal-c{color:#07cd6f}.table-page .table-box .base-box .content-box .body .row .column .column-box .normal-bg{background:#07cd6f}.table-page .table-box .base-box .content-box .body .row .column .column-box .empty-c{color:#ffbb3a}.table-page .table-box .base-box .content-box .body .row .column .column-box .empty-bg{background:#ffbb3a}.table-page .table-box .base-box .content-box .body .row .column .column-box .subclass-box{cursor:pointer;display:flex;align-items:center;transition:all .3s;transition-timing-function:ease}.table-page .table-box .base-box .content-box .body .row .column .column-box .subclass-box .point{width:8px;height:8px;border-radius:100%}.table-page .table-box .base-box .content-box .body .row .column .column-box .subclass-box .text{margin-left:10px}.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box{max-width:100%;height:calc(100% - 10px);padding:2px 0;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box::-webkit-scrollbar{height:3px}.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box .item-box{width:auto;height:100%;margin-right:10px;display:flex;justify-content:center;align-items:center}.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box .item-box .image-box,.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box .item-box .image-box .image{width:auto;height:100%}.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box .item-box .video-box{position:relative;width:auto;height:100%}.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box .item-box .video-box .image{width:auto;height:100%}.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box .item-box .video-box .play-btn{padding:5px;background:rgba(0,0,0,.5);box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0}.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box .item-box .video-box .play-btn .icon{width:30px;height:30px}.table-page .table-box .base-box .content-box .body .row .column .column-box .resource-box .item-box p{font-size:13px}.table-page .table-box .base-box .content-box .body .row .column .column-box .switch-box label{margin:1.5em auto}.table-page .table-box .base-box .content-box .body .row .column .column-box .switch-box input{position:absolute;left:-9999px}.table-page .table-box .base-box .content-box .body .row .column .column-box .switch-box .slider-v1{position:relative;display:block;width:3.5em;height:2em;cursor:pointer;border-radius:1.5em;transition:.35s;background:linear-gradient(rgba(0,0,0,.07),hsla(0,0%,100%,0)),#ddd;box-shadow:inset 0 .07em .1em -.1em rgba(0,0,0,.4),0 .05em .08em -.01em hsla(0,0%,100%,.7)}.table-page .table-box .base-box .content-box .body .row .column .column-box .switch-box .slider-v1:before{position:absolute;content:"";width:2em;height:2em;top:.5em;left:.5em;border-radius:50%;transition:.25s ease-in-out;background:linear-gradient(#f5f5f5 10%,#eee);box-shadow:inset 0 .1em .15em -.05em hsla(0,0%,100%,.9),0 .5em .3em -.1em rgba(0,0,0,.25)}.table-page .table-box .base-box .content-box .body .row .column .column-box .switch-box .slider-v1:after{position:absolute;content:"";width:1em;height:1em;top:1em;left:6em;border-radius:50%;transition:.25s ease-in;background:linear-gradient(rgba(0,0,0,.07),hsla(0,0%,100%,.1)),#ddd;box-shadow:inset 0 .08em .15em -.1em rgba(0,0,0,.5),0 .05em .08em -.01em hsla(0,0%,100%,.7),-7.25em 0 0 -.25em rgba(0,0,0,.3)}.table-page .table-box .base-box .content-box .body .row .column .column-box .switch-box input:checked+.slider-v1:after{background:linear-gradient(rgba(0,0,0,.07),hsla(0,0%,100%,.1)),#4c6;box-shadow:inset 0 .08em .15em -.1em rgba(0,0,0,.5),0 .05em .08em -.01em hsla(0,0%,100%,.7),-7.25em 0 0 -.25em rgba(0,0,0,.12)}.table-page .table-box .base-box .content-box .body .row .column .column-box .switch-box input:checked+.slider-v1:before{left:3em}.table-page .table-box .base-box .content-box .body .row .column .column-box-null{color:#666}.table-page .table-box .base-box .operating-box{background:#fff;z-index:10;min-height:100%;padding-right:5px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start}.table-page .table-box .base-box .operating-box .operating-title{position:sticky;top:0;min-width:100%;padding:0 30px;height:60px;color:#abb4b9;font-weight:700;background:#f3f3f3;font-size:15px;box-sizing:border-box;display:flex;align-items:center;border-radius:5px}@media (max-width:700px){.table-page .table-box .base-box .operating-box .operating-title{font-size:3vmin}}.table-page .table-box .base-box .operating-box .operating-item{padding:0 30px;height:50px;letter-spacing:1px;color:#000;min-width:100%;box-sizing:border-box;display:flex;align-items:center}.table-page .table-box .base-box .operating-box .operating-item:nth-child(2n-1){background:#f9f9f9}.table-page .table-box .base-box .operating-box .operating-item .button-box{margin-right:10px}.table-page .table-box .base-box .operating-box .operating-item .button-box:last-child{margin-right:0}.table-page .table-box .base-box .operating-box .operating-item .button-box a,.table-page .table-box .base-box .operating-box .operating-item .button-box button{cursor:pointer;padding:5px 12px;color:#fff;font-size:13px;border:0;display:flex;transition:all .3s;transition-timing-function:ease;border-radius:4px}.table-page .table-box .base-box .operating-box .operating-item .button-box a:hover,.table-page .table-box .base-box .operating-box .operating-item .button-box button:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}.table-page .table-box .base-box .operating-box .operating-item .edit{background:#00b3d9}.table-page .table-box .base-box .operating-box .operating-item .delete{background:#ff5722}.table-page .table-box .base-box .operating-box .operating-item .entity{background:#2faaf7}.table-page .table-box .base-box .operating-suspension{position:sticky;right:0;box-shadow:-5px 0 5px rgba(0,0,0,.1)}@media (max-width:700px){.table-page .table-box .base-box .operating-suspension{position:relative}}.table-page .table-box .base-box .operating-suspension .operating-title{border-radius:0 5px 5px 0}.table-page .table-box .table-empty{text-align:center;font-size:15px;color:#888;line-height:50px;width:100%;position:absolute;top:calc(50% - 85px);right:0;bottom:auto;left:0}.table-page .pagination-box{padding:0 20px;height:50px;border-top-width:1px;border-top-style:solid;justify-content:space-between;flex-shrink:0}.table-page .pagination-box,.table-page .pagination-box .statistics-box{display:flex;align-items:center}.table-page .pagination-box .statistics-box .p{font-weight:300;letter-spacing:1px;color:#888;font-size:14px;margin:0 10px}@media (max-width:700px){.table-page .pagination-box .statistics-box .p{display:none}}.table-page .pagination-box .statistics-box .select-box{position:relative}.table-page .pagination-box .statistics-box .select-box .select-base{cursor:pointer;padding:5px 10px;background:#fff;border-width:1px;border-style:solid;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:5px;display:flex;justify-content:center;align-items:center}.table-page .pagination-box .statistics-box .select-box .select-base .icon{margin-left:10px;width:14px;height:14px}.table-page .pagination-box .statistics-box .select-box .select-base-dark{background:#1e1d2b}.table-page .pagination-box .statistics-box .select-box .options-box{visibility:hidden;z-index:40;opacity:0;transition:all .1s;transition-timing-function:ease;position:absolute;top:auto;right:-10px;bottom:calc(100% + 15px);left:-10px}.table-page .pagination-box .statistics-box .select-box .options-box:after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #2d3539;position:absolute;top:auto;right:auto;bottom:-10px;left:calc(50% - 10px)}.table-page .pagination-box .statistics-box .select-box .options-box .options-base{width:100%;background:#2d3539;max-height:200px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1)}.table-page .pagination-box .statistics-box .select-box .options-box .options-base::-webkit-scrollbar{width:5px}.table-page .pagination-box .statistics-box .select-box .options-box .options-base .item{cursor:pointer;width:100%;height:40px;text-align:center;line-height:40px;color:#c3c3c3}.table-page .pagination-box .statistics-box .select-box .options-box .options-base .item:hover{background:#4e5457;color:#fff}.table-page .pagination-box .statistics-box .select-box .options-activity{visibility:initial;opacity:1}.table-page .pagination-box .number-box{display:flex;align-items:center}.table-page .pagination-box .number-box .info-box{margin-right:30px;color:#888;font-size:14px;letter-spacing:1px;font-weight:300}@media (max-width:700px){.table-page .pagination-box .number-box .info-box{display:none}}.table-page .pagination-box .number-box .pages-box{height:30px;border-width:1px;border-style:solid;display:flex;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:5px}.table-page .pagination-box .number-box .pages-box .current-box{position:relative;height:100%}.table-page .pagination-box .number-box .pages-box .current-box .select-base{cursor:pointer;padding:0 10px;height:100%;background:#fff;display:flex;justify-content:center;align-items:center}.table-page .pagination-box .number-box .pages-box .current-box .select-base .icon{margin-left:10px;width:14px;height:14px}.table-page .pagination-box .number-box .pages-box .current-box .options-box{visibility:hidden;z-index:40;opacity:0;transition:all .1s;transition-timing-function:ease;position:absolute;top:auto;right:-10px;bottom:calc(100% + 15px);left:-10px}.table-page .pagination-box .number-box .pages-box .current-box .options-box:after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #2d3539;position:absolute;top:auto;right:auto;bottom:-10px;left:calc(50% - 10px)}.table-page .pagination-box .number-box .pages-box .current-box .options-box .options-base{width:100%;background:#2d3539;max-height:200px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1)}.table-page .pagination-box .number-box .pages-box .current-box .options-box .options-base::-webkit-scrollbar{width:5px}.table-page .pagination-box .number-box .pages-box .current-box .options-box .options-base .item{cursor:pointer;width:100%;height:40px;text-align:center;line-height:40px;color:#c3c3c3}.table-page .pagination-box .number-box .pages-box .current-box .options-box .options-base .item:hover{background:#4e5457;color:#fff}.table-page .pagination-box .number-box .pages-box .current-box .options-activity{visibility:initial;opacity:1}.table-page .pagination-box .number-box .pages-box .next-box,.table-page .pagination-box .number-box .pages-box .previous-box{cursor:no-drop;width:30px;height:30px;background:#f3f3f3;display:flex;justify-content:center;align-items:center}.table-page .pagination-box .number-box .pages-box .next-box .icon,.table-page .pagination-box .number-box .pages-box .previous-box .icon{width:15px;height:15px;filter:contrast(.5)}.table-page .pagination-box .number-box .pages-box .previous-box{border-radius:5px 0 0 5px}.table-page .pagination-box .number-box .pages-box .next-box{border-radius:0 5px 5px 0}.table-page .pagination-box .number-box .page-box-dark .current-box .select-base{background:#1e1d2b}.table-page .pagination-box .number-box .page-box-dark .next-box,.table-page .pagination-box .number-box .page-box-dark .previous-box{background:#535353}.table-page .pagination-box .number-box .pages-box .available{cursor:pointer;background:#2faaf7}.table-page .pagination-box .number-box .pages-box .available .icon{filter:none}.table-page-dark{background:#191d23}.table-page-dark .table-box .base-box .content-box .head{background:#30353b}.table-page-dark .table-box .base-box .content-box .body .row:nth-child(2n){background:#20252b}.table-page-dark .table-box .base-box .content-box .body .row:hover{border-color:#505050}.table-page-dark .table-box .base-box .operating-box{background:#191d23}.table-page-dark .table-box .base-box .operating-box .operating-title{background:#30353b}.table-page-dark .table-box .base-box .operating-box .operating-item:nth-child(2n-1){background:#20252b}