<style>
    [v-cloak] {
        display: none;
    }

    .btnW {
        background-color: #3399cc;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW:hover {
        background-color: #6bc3ef;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW1 {
        background-color: #ef5350;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW1:hover {
        background-color: #e57373;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW2 {
        background-color: #00bfa5;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW2:hover {
        background-color: #1de9b6;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW3 {
        background-color: #2e7d32;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW3:hover {
        background-color: #66bb6a;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW5 {
        background-color: #c0ca33;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW5:hover {
        background-color: #d4e157;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW6 {
        background-color: #ffc107;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW6:hover {
        background-color: #ffd54f;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW7 {
        background-color: #6d4c41;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW7:hover {
        background-color: #8d6e63;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW8 {
        background-color: #ff5722;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW8:hover {
        background-color: #ff8a65;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW9 {
        background-color: #9575cd;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW9:hover {
        background-color: #b39ddb;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW10 {
        background-color: #283593;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW10:hover {
        background-color: #3949ab;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW11 {
        background-color: #1976d2;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW11:hover {
        background-color: #1e88e5;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW12 {
        background-color: #ab47bc;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW12:hover {
        background-color: #ba68c8;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .btnW13 {
        background-color: #ec407a;
        background-size: 0% 100%;
        border: none;
        border-radius: 4px;
        color: #fff;
        outline: none;
        text-decoration: none;
        transition: background-color .5s;
    }

    .btnW13:hover {
        background-color: #f06292;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        transition: background-size 1s, background-color 1s;
    }

    .bordA {

        border-style: solid;
        border-color: #40c4ff;
        border-radius: 6px;
        width: 100%;
    }

    .tbodyW {
        display: block;
        height: 500px;
        overflow: auto;
    }


    .theadW,
    .tfootW,
    .tbodyW .trW {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .theadW {
        width: calc(100% - 1em)
    }

    .tfootW {
        width: calc(100% - 1em)
    }
</style>