/*2021.1.1 css new servers*/
select,input {
    outline: none;
}

.none {
    display: none;
}

.distable {
    display: table;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.font0 {
    font-size: 0!important
}

.borderd100vw {
    border-radius: 100vw;
}

.positionress {
    position: relative;
}

.position {
    position: absolute;
}

.top0 {
    top: 0
}

.left0 {
    left: 0
}

.right0 {
    right: 0
}

.bottom0 {
    bottom: 0
}

.w1bfb {
    width: 1%
}

.w2bfb {
    width: 2%
}

.w3bfb {
    width: 3%
}

.w4bfb {
    width: 4%
}

.w5bfb {
    width: 5%
}

.w6bfb {
    width: 6%
}

.w7bfb {
    width: 7%
}

.w8bfb {
    width: 8%
}

.w9bfb {
    width: 9%
}

.w10bfb {
    width: 10%
}

.w11bfb {
    width: 11%
}

.w12bfb {
    width: 12%
}

.w13bfb {
    width: 13%
}

.w14bfb {
    width: 14%
}

.w15bfb {
    width: 15%
}

.w16bfb {
    width: 16%
}

.w17bfb {
    width: 17%
}

.w18bfb {
    width: 18%
}

.w19bfb {
    width: 19%
}

.w20bfb {
    width: 20%
}

.w21bfb {
    width: 21%
}

.w22bfb {
    width: 22%
}

.w23bfb {
    width: 23%
}

.w24bfb {
    width: 24%
}

.w25bfb {
    width: 25%
}

.w26bfb {
    width: 26%
}

.w27bfb {
    width: 27%
}

.w28bfb {
    width: 28%
}

.w29bfb {
    width: 29%
}

.w30bfb {
    width: 30%
}

.w31bfb {
    width: 31%
}

.w32bfb {
    width: 32%
}

.w33bfb {
    width: 33%
}

.w34bfb {
    width: 34%
}

.w35bfb {
    width: 35%
}

.w36bfb {
    width: 36%
}

.w37bfb {
    width: 37%
}

.w38bfb {
    width: 38%
}

.w39bfb {
    width: 39%
}

.w40bfb {
    width: 40%
}

.w41bfb {
    width: 41%
}

.w42bfb {
    width: 42%
}

.w43bfb {
    width: 43%
}

.w44bfb {
    width: 44%
}

.w45bfb {
    width: 45%
}

.w46bfb {
    width: 46%
}

.w47bfb {
    width: 47%
}

.w48bfb {
    width: 48%
}

.w49bfb {
    width: 49%
}

.w50bfb {
    width: 50%
}

.w51bfb {
    width: 51%
}

.w52bfb {
    width: 52%
}

.w53bfb {
    width: 53%
}

.w54bfb {
    width: 54%
}

.w55bfb {
    width: 55%
}

.w56bfb {
    width: 56%
}

.w57bfb {
    width: 57%
}

.w58bfb {
    width: 58%
}

.w59bfb {
    width: 59%
}

.w60bfb {
    width: 60%
}

.w61bfb {
    width: 61%
}

.w62bfb {
    width: 62%
}

.w63bfb {
    width: 63%
}

.w64bfb {
    width: 64%
}

.w65bfb {
    width: 65%
}

.w66bfb {
    width: 66%
}

.w67bfb {
    width: 67%
}

.w68bfb {
    width: 68%
}

.w69bfb {
    width: 69%
}

.w70bfb {
    width: 70%
}

.w71bfb {
    width: 71%
}

.w72bfb {
    width: 72%
}

.w73bfb {
    width: 73%
}

.w74bfb {
    width: 74%
}

.w75bfb {
    width: 75%
}

.w76bfb {
    width: 76%
}

.w77bfb {
    width: 77%
}

.w78bfb {
    width: 78%
}

.w79bfb {
    width: 79%
}

.w80bfb {
    width: 80%
}

.w81bfb {
    width: 81%
}

.w82bfb {
    width: 82%
}

.w83bfb {
    width: 83%
}

.w84bfb {
    width: 84%
}

.w85bfb {
    width: 85%
}

.w86bfb {
    width: 86%
}

.w87bfb {
    width: 87%
}

.w88bfb {
    width: 88%
}

.w89bfb {
    width: 89%
}

.w90bfb {
    width: 90%
}

.w91bfb {
    width: 91%
}

.w92bfb {
    width: 92%
}

.w93bfb {
    width: 93%
}

.w94bfb {
    width: 94%
}

.w95bfb {
    width: 95%
}

.w96bfb {
    width: 96%
}

.w97bfb {
    width: 97%
}

.w98bfb {
    width: 98%
}

.w99bfb {
    width: 99%
}

.w100bfb {
    width: 100%
}

/*新版3.0.CSS END*/
/*闪烁*/
.sr {
    -webkit-animation-name: jdswt2;
    animation-name: jdswt2;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

@keyframes jdswt2 {
    0%,100% {
        opacity: 0;
        right: 25px
    }

    50% {
        opacity: 1;
        right: 22px
    }
}

@-webkit-keyframes jdswt2 {
    0%,100% {
        opacity: 0;
        right: 25px
    }

    50% {
        opacity: 1;
        right: 22px
    }
}

/*文字光线飘过*/
.fontsr {
    background: #40444f -webkit-linear-gradient(103deg,rgba(255,255,255.35) 0%,rgba(255,255,255.35) 10%,#333 20%,#333 75%,rgba(255,255,255.35) 95%,rgba(255,255,255.35) 100%);
    background: #40444f -moz-linear-gradient(103deg,rgba(255,255,255.35) 0%,rgba(255,255,255.35) 10%,#333 20%,#333 75%,rgba(255,255,255.35) 95%,rgba(255,255,255.35) 100%);
    background: #40444f -o-linear-gradient(103deg,rgba(255,255,255.35) 0%,rgba(255,255,255.35) 10%,#333 20%,#333 75%,rgba(255,255,255.35) 95%,rgba(255,255,255.35) 100%);
    background: #40444f -ms-linear-gradient(103deg,rgba(255,255,255.35) 0%,rgba(255,255,255.35) 10%,#333 20%,#333 75%,rgba(255,255,255.35) 95%,rgba(255,255,255.35) 100%);
    background: linear-gradient(103deg,rgba(255,255,255.35) 0%,rgba(255,255,255.35) 10%,#333 20%,#333 75%,rgba(255,255,255.35) 95%,rgba(255,255,255.35) 100%);
    -webkit-background-clip: text;
    -ms-background-clip: text;
    color: rgba(0,0,0,0);
    text-shadow: none;
    -webkit-animation: shine 2s linear infinite;
    -moz-animation: shine 2s linear infinite;
    -o-animation: shine 2s linear infinite;
    -ms-animation: shine 2s linear infinite;
    animation: shine 2s linear infinite;
    display: block;
    color: rgba(51,51,51,.35);
}

@-o-keyframes shine {
    0% {
        background-position: 20vw
    }

    40% {
        background-position: 50vw
    }

    100% {
        background-position: 110vw
    }
}

@keyframes shine {
    0% {
        background-position: 20vw
    }

    40% {
        background-position: 50vw
    }

    100% {
        background-position: 110vw
    }
}

@media screen and (min-width: 641px) {
    @-o-keyframes shine {
        0% {
            background-position: calc(640px * .2)
        }

        40% {
            background-position: calc(640px * .5)
        }

        100% {
            background-position: calc(640px * 1.1)
        }
    }

    @keyframes shine {
        0% {
            background-position: calc(640px * 0.2)
        }

        40% {
            background-position: calc(640px * 0.5)
        }

        100% {
            background-position: calc(640px * 1.1)
        }
    }
}

/*旋转*/
.anixz {
    animation: anixz 1s infinite linear;
    -webkit-animation-name: anixz;
    animation-name: anixz;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

@keyframes anixz {
    0% {
        transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -webkit-transform: rotateZ(0);
        -o-transform: rotateZ(0)
    }

    100% {
        transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg)
    }
}

@-webkit-keyframes anixz {
    0% {
        transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -webkit-transform: rotateZ(0);
        -o-transform: rotateZ(0)
    }

    50% {
        transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg)
    }
}

/*backgroundimage背景上下移动*/
.mymove {
    animation: mymove 20s ease infinite;
    -webkit-animation: mymove 20s ease infinite;
    -moz-animation: mymove 20s ease infinite;
}

@keyframes mymove {
    0% {
        background-position: 0 0
    }

    10% {
        background-position: 0 30%
    }

    20% {
        background-position: 30% 50%
    }

    40% {
        background-position: 50% 100%
    }

    50% {
        background-position: 100% 100%
    }

    60% {
        background-position: 100% 50%
    }

    80% {
        background-position: 50% 30%
    }

    90% {
        background-position: 30% 0
    }

    100% {
        background-position: 0 0
    }
}

/*晃动*/
.aniswing {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: donghua;
    animation-name: donghua;
}

@keyframes donghua {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

/*背景move*/
.yungmove {
    animation: yungmove 20s ease infinite;
    -webkit-animation: yungmove 20s ease infinite;
    -moz-animation: yungmove 20s ease infinite;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@keyframes yungmove {
    0% {
        background-position: 0% 0%;
    }

    10% {
        background-position: 0% 30%;
    }

    20% {
        background-position: 30% 50%;
    }

    40% {
        background-position: 50% 100%;
    }

    50% {
        background-position: 100% 100%;
    }

    60% {
        background-position: 100% 50%;
    }

    80% {
        background-position: 50% 30%;
    }

    90% {
        background-position: 30% 0%;
    }

    100% {
        background-position: 0% 0%;
    }
}