/*
┌─────────────────────────────────┐
│ 游戏设计制作:≮大表哥≯ QQ:1724454111 │
│        十年开发制作经验、高端定制 为你服务 │
└─────────────────────────────────┘
*/
html,body{
    padding: 0;
    margin: 0;
    line-height: 1.7;
}

p{
    padding: 0 0 10px;
    margin: 0;
}

a,a:hover,a:focus{
    text-decoration: none;
}
.v-w{ width: 1200px; margin: 0 auto; }
.v-w-auto{ overflow: hidden; }

/*左右对齐*/
.v-fl-left{ float: left; }
.v-fl-right{ float: right; }


.v-w-100{
    width: 100% !important;
    clear: both;
}

.v-con, .v-con-fluid, .v-con-lg, .v-con-md, .v-con-sm, .v-con-xl {
    width: 100%;
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .v-con, .v-con-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .v-con, .v-con-md, .v-con-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .v-con, .v-con-lg, .v-con-md, .v-con-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .v-con, .v-con-lg, .v-con-md, .v-con-sm, .v-con-xl {
        max-width: 1140px
    }
}

.v-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;*/
    /*margin-left: -15px*/
}

.v-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.v-no-gutters > .v-col, .v-no-gutters > [class*=v-col-] {
    padding-right: 0;
    padding-left: 0
}

.v-col, .v-col-1, .v-col-10, .v-col-11, .v-col-12, .v-col-2, .v-col-3, .v-col-4, .v-col-5, .v-col-6, .v-col-7, .v-col-8, .v-col-9, .v-col-auto, .v-col-lg, .v-col-lg-1, .v-col-lg-10, .v-col-lg-11, .v-col-lg-12, .v-col-lg-2, .v-col-lg-3, .v-col-lg-4, .v-col-lg-5, .v-col-lg-6, .v-col-lg-7, .v-col-lg-8, .v-col-lg-9, .v-col-lg-auto, .v-col-md, .v-col-md-1, .v-col-md-10, .v-col-md-11, .v-col-md-12, .v-col-md-2, .v-col-md-3, .v-col-md-4, .v-col-md-5, .v-col-md-6, .v-col-md-7, .v-col-md-8, .v-col-md-9, .v-col-md-auto, .v-col-sm, .v-col-sm-1, .v-col-sm-10, .v-col-sm-11, .v-col-sm-12, .v-col-sm-2, .v-col-sm-3, .v-col-sm-4, .v-col-sm-5, .v-col-sm-6, .v-col-sm-7, .v-col-sm-8, .v-col-sm-9, .v-col-sm-auto, .v-col-xl, .v-col-xl-1, .v-col-xl-10, .v-col-xl-11, .v-col-xl-12, .v-col-xl-2, .v-col-xl-3, .v-col-xl-4, .v-col-xl-5, .v-col-xl-6, .v-col-xl-7, .v-col-xl-8, .v-col-xl-9, .v-col-xl-auto {
    position: relative;
    width: 100%;
    /*padding-right: 15px;*/
    /*padding-left: 15px*/
}

.v-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.v-row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.v-row-cols-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.v-row-cols-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.v-row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.v-row-cols-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.v-row-cols-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.v-col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.v-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.v-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.v-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.v-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.v-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.v-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.v-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.v-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.v-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.v-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.v-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.v-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.v-order-first {
    -ms-flex-order: -1;
    order: -1
}

.v-order-last {
    -ms-flex-order: 13;
    order: 13
}

.v-order-0 {
    -ms-flex-order: 0;
    order: 0
}

.v-order-1 {
    -ms-flex-order: 1;
    order: 1
}

.v-order-2 {
    -ms-flex-order: 2;
    order: 2
}

.v-order-3 {
    -ms-flex-order: 3;
    order: 3
}

.v-order-4 {
    -ms-flex-order: 4;
    order: 4
}

.v-order-5 {
    -ms-flex-order: 5;
    order: 5
}

.v-order-6 {
    -ms-flex-order: 6;
    order: 6
}

.v-order-7 {
    -ms-flex-order: 7;
    order: 7
}

.v-order-8 {
    -ms-flex-order: 8;
    order: 8
}

.v-order-9 {
    -ms-flex-order: 9;
    order: 9
}

.v-order-10 {
    -ms-flex-order: 10;
    order: 10
}

.v-order-11 {
    -ms-flex-order: 11;
    order: 11
}

.v-order-12 {
    -ms-flex-order: 12;
    order: 12
}

.v-offset-1 {
    margin-left: 8.333333%
}

.v-offset-2 {
    margin-left: 16.666667%
}

.v-offset-3 {
    margin-left: 25%
}

.v-offset-4 {
    margin-left: 33.333333%
}

.v-offset-5 {
    margin-left: 41.666667%
}

.v-offset-6 {
    margin-left: 50%
}

.v-offset-7 {
    margin-left: 58.333333%
}

.v-offset-8 {
    margin-left: 66.666667%
}

.v-offset-9 {
    margin-left: 75%
}

.v-offset-10 {
    margin-left: 83.333333%
}

.v-offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .v-col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .v-row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .v-row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .v-row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .v-col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .v-col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .v-col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .v-col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .v-col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .v-col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .v-col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .v-col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .v-col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .v-col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .v-col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .v-order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .v-order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .v-order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .v-order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .v-order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .v-order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .v-order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .v-order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .v-order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .v-order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .v-order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .v-order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .v-order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .v-order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .v-offset-sm-0 {
        margin-left: 0
    }

    .v-offset-sm-1 {
        margin-left: 8.333333%
    }

    .v-offset-sm-2 {
        margin-left: 16.666667%
    }

    .v-offset-sm-3 {
        margin-left: 25%
    }

    .v-offset-sm-4 {
        margin-left: 33.333333%
    }

    .v-offset-sm-5 {
        margin-left: 41.666667%
    }

    .v-offset-sm-6 {
        margin-left: 50%
    }

    .v-offset-sm-7 {
        margin-left: 58.333333%
    }

    .v-offset-sm-8 {
        margin-left: 66.666667%
    }

    .v-offset-sm-9 {
        margin-left: 75%
    }

    .v-offset-sm-10 {
        margin-left: 83.333333%
    }

    .v-offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .v-col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .v-row-cols-md-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-row-cols-md-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .v-row-cols-md-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .v-row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .v-col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .v-col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .v-col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .v-col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .v-col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .v-col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .v-col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .v-col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .v-col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .v-col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .v-col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .v-order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .v-order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .v-order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .v-order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .v-order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .v-order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .v-order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .v-order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .v-order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .v-order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .v-order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .v-order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .v-order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .v-order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .v-offset-md-0 {
        margin-left: 0
    }

    .v-offset-md-1 {
        margin-left: 8.333333%
    }

    .v-offset-md-2 {
        margin-left: 16.666667%
    }

    .v-offset-md-3 {
        margin-left: 25%
    }

    .v-offset-md-4 {
        margin-left: 33.333333%
    }

    .v-offset-md-5 {
        margin-left: 41.666667%
    }

    .v-offset-md-6 {
        margin-left: 50%
    }

    .v-offset-md-7 {
        margin-left: 58.333333%
    }

    .v-offset-md-8 {
        margin-left: 66.666667%
    }

    .v-offset-md-9 {
        margin-left: 75%
    }

    .v-offset-md-10 {
        margin-left: 83.333333%
    }

    .v-offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .v-col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .v-row-cols-lg-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-row-cols-lg-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-row-cols-lg-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .v-row-cols-lg-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-row-cols-lg-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .v-row-cols-lg-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .v-col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .v-col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .v-col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .v-col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .v-col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .v-col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .v-col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .v-col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .v-col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .v-col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .v-col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .v-order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .v-order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .v-order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .v-order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .v-order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .v-order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .v-order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .v-order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .v-order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .v-order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .v-order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .v-order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .v-order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .v-order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .v-offset-lg-0 {
        margin-left: 0
    }

    .v-offset-lg-1 {
        margin-left: 8.333333%
    }

    .v-offset-lg-2 {
        margin-left: 16.666667%
    }

    .v-offset-lg-3 {
        margin-left: 25%
    }

    .v-offset-lg-4 {
        margin-left: 33.333333%
    }

    .v-offset-lg-5 {
        margin-left: 41.666667%
    }

    .v-offset-lg-6 {
        margin-left: 50%
    }

    .v-offset-lg-7 {
        margin-left: 58.333333%
    }

    .v-offset-lg-8 {
        margin-left: 66.666667%
    }

    .v-offset-lg-9 {
        margin-left: 75%
    }

    .v-offset-lg-10 {
        margin-left: 83.333333%
    }

    .v-offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .v-col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .v-row-cols-xl-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-row-cols-xl-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-row-cols-xl-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .v-row-cols-xl-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-row-cols-xl-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .v-row-cols-xl-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .v-col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .v-col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .v-col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .v-col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .v-col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .v-col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .v-col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .v-col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .v-col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .v-col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .v-col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .v-col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .v-col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .v-order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .v-order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .v-order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .v-order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .v-order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .v-order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .v-order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .v-order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .v-order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .v-order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .v-order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .v-order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .v-order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .v-order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .v-order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .v-offset-xl-0 {
        margin-left: 0
    }

    .v-offset-xl-1 {
        margin-left: 8.333333%
    }

    .v-offset-xl-2 {
        margin-left: 16.666667%
    }

    .v-offset-xl-3 {
        margin-left: 25%
    }

    .v-offset-xl-4 {
        margin-left: 33.333333%
    }

    .v-offset-xl-5 {
        margin-left: 41.666667%
    }

    .v-offset-xl-6 {
        margin-left: 50%
    }

    .v-offset-xl-7 {
        margin-left: 58.333333%
    }

    .v-offset-xl-8 {
        margin-left: 66.666667%
    }

    .v-offset-xl-9 {
        margin-left: 75%
    }

    .v-offset-xl-10 {
        margin-left: 83.333333%
    }

    .v-offset-xl-11 {
        margin-left: 91.666667%
    }
}

/*动画过渡*/
.v-ts-03,.v-ts-03 *{ transition: all .3s;}
.v-ts-05,.v-ts-05 *{ transition: all .5s;}
.v-ts-1,.v-ts-1 *{ transition: all 1s;}
.v-ts-2,.v-ts-2 *{ transition: all 2s;}
.v-ts-3,.v-ts-3 *{ transition: all 3s;}

/*布局*/
.v-bs-bb,.v-bs-bb *{
    box-sizing: border-box;
}
.v-bs-cb,.v-bs-cb *{
    box-sizing: content-box;
}

/*去除ulli样式*/
.v-ulli-none,.v-ulli-none ul,.v-ulli-none li{
    padding: 0;
    margin: 0;
    list-style: none;
}








/*对齐*/
.v-ta-left{ text-align: left; }
.v-ta-right{ text-align: right; }
.v-ta-center{ text-align: center; }


/*字体大小*/
.v-fs-12{ font-size: 12px;}
.v-fs-14{ font-size: 14px;}
.v-fs-16{ font-size: 16px;}
.v-fs-18{ font-size: 18px;}
.v-fs-20{ font-size: 20px;}
.v-fs-22{ font-size: 22px;}
.v-fs-24{ font-size: 24px;}
.v-fs-26{ font-size: 26px;}
.v-fs-28{ font-size: 28px;}
.v-fs-30{ font-size: 30px;}
.v-fs-30{ font-size: 32px;}


/*颜色*/
.v-c-gray{color: grey;}
.v-c-light-gray{ color: #999; }
.v-c-white{ color: white; }
.v-c-blue{ color: #409eff}
.v-c-green{ color: #67c23a}
.v-c-yellow{ color: #e6a23c}
.v-c-red{ color: #f56c6c}
.v-c-black{ color: #000;}
.v-c-light-black{ color: #555;}



/*行高*/
.v-lh-10{ line-height: 1;}
.v-lh-12{ line-height: 1.2;}
.v-lh-15{ line-height: 1.5;}
.v-lh-18{ line-height: 1.8;}
.v-lh-20{ line-height: 2.0;}



/*高度*/
.v-h-5{ height: 5px; }
.v-h-10{ height: 10px; }
.v-h-15{ height: 15px; }
.v-h-20{ height: 20px; }
.v-h-25{ height: 25px; }
.v-h-30{ height: 30px; }
.v-h-40{ height: 40px; }
.v-h-50{ height: 50px; }


/* 弹性盒子 */
.v-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.v-flex-column{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.v-flex-row{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}
.v-flex-item{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.v-flex-item-2{
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
}
.v-flex-item-3{
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
}
.v-flex-item-4{
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    flex: 4;
}
.v-flex-item-5{
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    flex: 5;
}




/*定位和隐藏*/
.v-of-hidden{overflow: hidden;}

/*省略号*/
.v-to-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*显示一行省略号*/
.v-to-ellipsis-1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
/*显示两个省略号*/
.v-to-ellipsis-2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/*显示两个省略号*/
.v-to-ellipsis-3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


.v-ps-relative{position: relative;}
.v-ps-absolute{position: absolute;}
.v-ps-fixed{position: fixed;}



/*垂直居中*/
.v-va-middle{
    position:absolute;
    top: 50%;
    transform: translate(0, -50%);
}
/*水平居中*/
.v-ha-middle{
    position:absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
/*水平垂直居中*/
.v-vh-middle{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}




/*边框*/
.v-mp-0{
    padding: 0;
    margin: 0;
}


/*内边框*/
.v-p-0{padding: 0;}
.v-p-5{padding: 5px;}
.v-p-10{padding: 10px;}
.v-p-15{padding: 15px;}
.v-p-20{padding: 20px;}
.v-p-30{padding: 30px;}
.v-p-40{padding: 40px;}
.v-p-50{padding: 50px;}

/*左内边距*/
.v-pl-0{ padding-left: 0; }
.v-pl-5{ padding-left: 5px; }
.v-pl-10{ padding-left: 10px; }
.v-pl-15{ padding-left: 15px; }
.v-pl-20{ padding-left: 20px; }
.v-pl-30{ padding-left: 30px; }
.v-pl-40{ padding-left: 40px; }
.v-pl-50{ padding-left: 50px; }

/*右内边距*/
.v-pr-0{ padding-right: 0; }
.v-pr-5{ padding-right: 5px; }
.v-pr-10{ padding-right: 10px; }
.v-pr-15{ padding-right: 15px; }
.v-pr-20{ padding-right: 20px; }
.v-pr-30{ padding-right: 30px; }
.v-pr-40{ padding-right: 40px; }
.v-pr-50{ padding-right: 50px; }


/*顶内边距*/
.v-pt-0{ padding-top: 0; }
.v-pt-5{ padding-top: 5px; }
.v-pt-10{ padding-top: 10px; }
.v-pt-15{ padding-top: 15px; }
.v-pt-20{ padding-top: 20px; }
.v-pt-30{ padding-top: 30px; }
.v-pt-40{ padding-top: 40px; }
.v-pt-50{ padding-top: 50px; }

/*底内边距*/
.v-pb-0{ padding-bottom: 0; }
.v-pb-5{ padding-bottom: 5px; }
.v-pb-10{ padding-bottom: 10px; }
.v-pb-15{ padding-bottom: 15px; }
.v-pb-20{ padding-bottom: 20px; }
.v-pb-30{ padding-bottom: 30px; }
.v-pb-40{ padding-bottom: 40px; }
.v-pb-50{ padding-bottom: 50px; }

/*外边距*/
.v-m-0{ margin: 0; }
.v-m-10{ margin: 10px; }
.v-m-20{ margin: 20px; }
.v-m-30{ margin: 30px; }
.v-m-40{ margin: 40px; }
.v-m-50{ margin: 50px; }

/*左外边距*/
.v-ml-0{ margin-left: 0; }
.v-ml-10{ margin-left: 10px; }
.v-ml-20{ margin-left: 20px; }
.v-ml-30{ margin-left: 30px; }
.v-ml-40{ margin-left: 40px; }
.v-ml-50{ margin-left: 50px; }

/*右外边距*/
.v-mr-0{ margin-right: 0; }
.v-mr-10{ margin-right: 10px; }
.v-mr-20{ margin-right: 20px; }
.v-mr-30{ margin-right: 30px; }
.v-mr-40{ margin-right: 40px; }
.v-mr-50{ margin-right: 50px; }

/*上外边距*/
.v-mt-0{ margin-top: 0; }
.v-mt-10{ margin-top: 10px; }
.v-mt-20{ margin-top: 20px; }
.v-mt-30{ margin-top: 30px; }
.v-mt-40{ margin-top: 40px; }
.v-mt-50{ margin-top: 50px; }

/*下外边距*/
.v-mb-0{ margin-bottom: 0; }
.v-mb-10{ margin-bottom: 10px; }
.v-mb-20{ margin-bottom: 20px; }
.v-mb-30{ margin-bottom: 30px; }
.v-mb-40{ margin-bottom: 40px; }
.v-mb-50{ margin-bottom: 50px; }


/*圆角*/
.v-br-5{ border-radius: 5px;overflow: hidden;}
.v-br-10{ border-radius: 10px;overflow: hidden;}
.v-br-15{ border-radius: 15px;overflow: hidden;}
.v-br-20{ border-radius: 20px;overflow: hidden;}




/*显示块*/
.v-dp-n{ display: none; }
.v-dp-b{ display: block; }
.v-dp-ib{ display: inline-block; }