.fa-futbol-o{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.c-pie-chart,
.c-pie-chart >div{
	height: 60px !important;
}

.football-animate ul{
	list-style: none;
}

.football-animate ul li{
	margin: 0;
}


.float-left[data-v-9c7f22ae] {
    float: left
}

.float-right[data-v-9c7f22ae] {
    float: right
}

.clear-twinkle[data-v-9c7f22ae] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-9c7f22ae {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-9c7f22ae {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-9c7f22ae {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-9c7f22ae {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-9c7f22ae {
    to {
        opacity: 0
    }
}

.before-loading[data-v-9c7f22ae] {
    color: hsla(0,0%,100%,.6);
    transform: translate(-50%,-50%);
/*     font-size: max(24px,20px); */
    gap: max(16px,16px) 0;
    flex-direction: column;
    align-items: center;
    position: fixed;
    display: flex;
    z-index: 999;
    left: 50%;
    top: 50%
}

.before-loading svg[data-v-9c7f22ae] {
    height: max(40px,40px);
    width: max(40px,40px)
}

.float-left[data-v-4a9f8c35] {
    float: left
}

.float-right[data-v-4a9f8c35] {
    float: right
}

.clear-twinkle[data-v-4a9f8c35] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-4a9f8c35 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-4a9f8c35 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-4a9f8c35 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-4a9f8c35 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-4a9f8c35 {
    to {
        opacity: 0
    }
}

.pop-page[data-v-4a9f8c35] {
    position: relative
}

.pop-page .pop-svg[data-v-4a9f8c35] {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    left: 0;
    top: 0
}

.pop-page .pop-svg .live-box .ele-g g[data-v-4a9f8c35] {
    transition: all .21s linear;
    -webkit-transition: all .21s linear;
    -moz-transition: all .21s linear;
    -o-transition: all .21s linear;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0
}

.pop-page .slot-box[data-v-4a9f8c35] {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    box-shadow: 0 0 8px rgba(0,0,0,.08);
    border-radius: 4px;
    position: relative;
    opacity: 0
}

.pop-page.show .pop-svg .live-box .ele-g g[data-v-4a9f8c35] {
    transition: all .21s ease-in-out;
    -webkit-transition: all .21s ease-in-out;
    -moz-transition: all .21s ease-in-out;
    -o-transition: all .21s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1
}

.pop-page.show .slot-box[data-v-4a9f8c35] {
    opacity: 1
}

.float-left[data-v-5ccc3050] {
    float: left
}

.float-right[data-v-5ccc3050] {
    float: right
}

.clear-twinkle[data-v-5ccc3050] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-5ccc3050 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-5ccc3050 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-5ccc3050 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-5ccc3050 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-5ccc3050 {
    to {
        opacity: 0
    }
}

.box[data-v-5ccc3050] {
    height: 40px;
    width: 40px
}

.box svg[data-v-5ccc3050] {
    height: 100%;
    width: 100%
}

.float-left[data-v-601429df] {
    float: left
}

.float-right[data-v-601429df] {
    float: right
}

.clear-twinkle[data-v-601429df] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-601429df {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-601429df {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-601429df {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-601429df {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-601429df {
    to {
        opacity: 0
    }
}

.box[data-v-601429df] {
    width: 84px
}

.box svg[data-v-601429df] {
    width: 100%;
    height: auto
}

.float-left[data-v-94dc4856] {
    float: left
}

.float-right[data-v-94dc4856] {
    float: right
}

.clear-twinkle[data-v-94dc4856] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-94dc4856 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-94dc4856 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-94dc4856 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-94dc4856 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-94dc4856 {
    to {
        opacity: 0
    }
}

.map-item[data-v-94dc4856] {
    color: hsla(0,0%,98.8%,.45);
    font-family: "Roboto";
    align-items: center;
    line-height: 14px;
    font-size: 12px;
    padding: 5px 0;
    font-weight: 400;
    display: flex
}

.map-item .time[data-v-94dc4856] {
    font-family: "Roboto";
    margin-right: 12px;
    font-size: 12px;
    font-weight: 400;
    min-width: 0
}

.map-item .iconfont[data-v-94dc4856] {
    margin: 0 6px
}

.map-item .logo[data-v-94dc4856] {
    max-height: 12px;
    margin: 0 6px
}

.map-item .text[data-v-94dc4856] {
    display: inline-flex;
    align-items: center
}

.float-left[data-v-754a6103] {
    float: left
}

.float-right[data-v-754a6103] {
    float: right
}

.clear-twinkle[data-v-754a6103] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-754a6103 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-754a6103 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-754a6103 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-754a6103 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-754a6103 {
    to {
        opacity: 0
    }
}

.box[data-v-754a6103] {
    height: 40px;
    width: 40px
}

.box svg[data-v-754a6103] {
    height: 100%;
    width: 100%
}

.float-left[data-v-75eded21] {
    float: left
}

.float-right[data-v-75eded21] {
    float: right
}

.clear-twinkle[data-v-75eded21] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-75eded21 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-75eded21 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-75eded21 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-75eded21 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-75eded21 {
    to {
        opacity: 0
    }
}

.box[data-v-75eded21] {
    width: 84px
}

.box svg[data-v-75eded21] {
    width: 100%;
    height: auto
}

.float-left[data-v-3d73feb8] {
    float: left
}

.float-right[data-v-3d73feb8] {
    float: right
}

.clear-twinkle[data-v-3d73feb8] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-3d73feb8 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-3d73feb8 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-3d73feb8 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-3d73feb8 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-3d73feb8 {
    to {
        opacity: 0
    }
}

.box[data-v-3d73feb8] {
    height: 40px;
    width: 40px
}

.box svg[data-v-3d73feb8] {
    height: 100%;
    width: 100%
}

.float-left[data-v-8d146202] {
    float: left
}

.float-right[data-v-8d146202] {
    float: right
}

.clear-twinkle[data-v-8d146202] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-8d146202 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-8d146202 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-8d146202 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-8d146202 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-8d146202 {
    to {
        opacity: 0
    }
}

.box[data-v-8d146202] {
    width: 84px
}

.box svg[data-v-8d146202] {
    width: 100%;
    height: auto
}

.float-left[data-v-242ed0e8] {
    float: left
}

.float-right[data-v-242ed0e8] {
    float: right
}

.clear-twinkle[data-v-242ed0e8] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-242ed0e8 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-242ed0e8 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-242ed0e8 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-242ed0e8 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-242ed0e8 {
    to {
        opacity: 0
    }
}

@keyframes time-tick-one-242ed0e8 {
    30% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        opacity: 0
    }

    99.9% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 0
    }
}

@keyframes time-tick-tow-242ed0e8 {
    30% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1
    }

    99.9% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        opacity: 1
    }
}

.times-tick-ele[data-v-242ed0e8] {
    font-size: 22px;
    display: flex;
    height: 100%;
    line-height: 44px
}

.times-tick-ele .tip0[data-v-242ed0e8],.times-tick-ele .tip1[data-v-242ed0e8],.times-tick-ele .tip2[data-v-242ed0e8] {
    text-align: center;
    position: relative;
    flex: 1
}

.times-tick-ele .tip0 span[data-v-242ed0e8],.times-tick-ele .tip1 span[data-v-242ed0e8],.times-tick-ele .tip2 span[data-v-242ed0e8] {
    position: absolute;
    flex: 1;
    right: 0;
    left: 0;
    top: 0
}

.times-tick-ele .tip0 span[data-v-242ed0e8]:first-child,.times-tick-ele .tip1 span[data-v-242ed0e8]:first-child,.times-tick-ele .tip2 span[data-v-242ed0e8]:first-child {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1
}

.times-tick-ele .tip0 span[data-v-242ed0e8]:nth-child(2),.times-tick-ele .tip1 span[data-v-242ed0e8]:nth-child(2),.times-tick-ele .tip2 span[data-v-242ed0e8]:nth-child(2) {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    opacity: 0
}

.times-tick-ele .tip0[data-v-242ed0e8]:first-child,.times-tick-ele .tip1[data-v-242ed0e8]:first-child,.times-tick-ele .tip2[data-v-242ed0e8]:first-child {
    text-align: right
}

.times-tick-ele .tip0[data-v-242ed0e8]:last-child,.times-tick-ele .tip1[data-v-242ed0e8]:last-child,.times-tick-ele .tip2[data-v-242ed0e8]:last-child {
    text-align: left
}

.times-tick-ele .tip0.animate span[data-v-242ed0e8]:first-child,.times-tick-ele .tip1.animate span[data-v-242ed0e8]:first-child,.times-tick-ele .tip2.animate span[data-v-242ed0e8]:first-child {
    animation-name: time-tick-one-242ed0e8;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.85,.11,.12,.93);
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: time-tick-one-242ed0e8;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.85,.11,.12,.93);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: time-tick-one-242ed0e8;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: cubic-bezier(.85,.11,.12,.93);
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: time-tick-one-242ed0e8;
    -o-animation-duration: 1s;
    -o-animation-timing-function: cubic-bezier(.85,.11,.12,.93);
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0
}

.times-tick-ele .tip0.animate span[data-v-242ed0e8]:nth-child(2),.times-tick-ele .tip1.animate span[data-v-242ed0e8]:nth-child(2),.times-tick-ele .tip2.animate span[data-v-242ed0e8]:nth-child(2) {
    animation-name: time-tick-tow-242ed0e8;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.85,.11,.12,.93);
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: time-tick-tow-242ed0e8;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.85,.11,.12,.93);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: time-tick-tow-242ed0e8;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: cubic-bezier(.85,.11,.12,.93);
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: time-tick-tow-242ed0e8;
    -o-animation-duration: 1s;
    -o-animation-timing-function: cubic-bezier(.85,.11,.12,.93);
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0
}

.float-left[data-v-39deddf3] {
    float: left
}

.float-right[data-v-39deddf3] {
    float: right
}

.clear-twinkle[data-v-39deddf3] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-39deddf3 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-39deddf3 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-39deddf3 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-39deddf3 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-39deddf3 {
    to {
        opacity: 0
    }
}

.pops-box[data-v-39deddf3] {
    position: relative
}

.pops-box .child-box[data-v-39deddf3] {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.pops-box .animate[data-v-39deddf3] {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    left: 0;
    top: 0
}

.pops-box .animate.type-width[data-v-39deddf3] {
    height: 100%;
    width: 0
}

.pops-box .animate.type-height[data-v-39deddf3] {
    height: 0;
    width: 100%
}

.pops-box.show .animate[data-v-39deddf3] {
    opacity: 1
}

.pops-box.show .animate.type-width[data-v-39deddf3] {
    width: 100%
}

.pops-box.show .animate.type-height[data-v-39deddf3] {
    height: 100%
}

.float-left[data-v-7f7d6f3c] {
    float: left
}

.float-right[data-v-7f7d6f3c] {
    float: right
}

.clear-twinkle[data-v-7f7d6f3c] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-7f7d6f3c {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-7f7d6f3c {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-7f7d6f3c {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-7f7d6f3c {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-7f7d6f3c {
    to {
        opacity: 0
    }
}

.logo-box[data-v-7f7d6f3c] {
    background: no-repeat 50%;
    height: 34px;
    width: 34px;
    color: #fff
}

.logo-box .svg-box[data-v-7f7d6f3c] {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.logo-box .svg-box .svg[data-v-7f7d6f3c] {
    height: 100%
}

.float-left[data-v-1c374678] {
    float: left
}

.float-right[data-v-1c374678] {
    float: right
}

.clear-twinkle[data-v-1c374678] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-1c374678 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-1c374678 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-1c374678 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-1c374678 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-1c374678 {
    to {
        opacity: 0
    }
}

.trend-chart[data-v-1c374678] {
    position: relative;
    display: block;
    height: 92px;
    z-index: 2
}

.trend-chart .tip[data-v-1c374678] {
    font-family: "Roboto";
    position: absolute;
    line-height: 16px;
    font-weight: 500;
    font-size: 12px;
    color: #111
}

.trend-chart .tip.home[data-v-1c374678] {
    top: 4px
}

.trend-chart .tip.away[data-v-1c374678] {
    padding-bottom: 4px;
    padding-right: 8px;
    bottom: 0
}

.trend-chart .hf-box[data-v-1c374678] {
    position: absolute;
    right: 16px;
    left: 16px;
    top: 4px
}

.trend-chart .hf-box .ft[data-v-1c374678],.trend-chart .hf-box .ht[data-v-1c374678] {
    font-family: "Roboto";
    position: absolute;
    line-height: 16px;
    font-weight: 400;
    font-size: 12px;
    top: 0
}

.trend-chart .radius-box[data-v-1c374678] {
    position: absolute;
    right: 16px;
    left: 16px;
    z-index: 1;
    top: 36px
}

.trend-chart .radius-box .line[data-v-1c374678] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    position: absolute;
    height: 1px
}

.trend-chart .radius-box .line .radius[data-v-1c374678] {
    border: 1px solid;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    margin-top: -4px;
    height: 6px;
    width: 6px;
    right: 0;
    top: 50%
}

.trend-chart .radius-box .line .radius .ks[data-v-1c374678] {
    animation-name: readius-1c374678;
    animation-duration: 1.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-delay: 0;
    -webkit-animation-name: readius-1c374678;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    -moz-animation-name: readius-1c374678;
    -moz-animation-duration: 1.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0;
    -o-animation-name: readius-1c374678;
    -o-animation-duration: 1.6s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    border-radius: 50%;
    position: absolute;
    bottom: -4px;
    right: -4px;
    left: -4px;
    opacity: 0;
    top: -4px
}

@keyframes readius-1c374678 {
    20% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1
    }

    80% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 0
    }
}

.trend-chart .radius-box .line .radius .rd[data-v-1c374678] {
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.trend-chart .chart[data-v-1c374678] {
    position: absolute;
    height: 58px;
    top: 30px
}

.trend-chart .icon-list[data-v-1c374678] {
    position: absolute;
    bottom: 21px;
    right: 16px;
    z-index: 1;
    left: 16px;
    top: 19px
}

.trend-chart .icon-list .ele-box[data-v-1c374678] {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    position: absolute;
    cursor: pointer
}

.trend-chart .icon-list .ele-box .icon[data-v-1c374678] {
    overflow: hidden;
    display: block;
    height: 10px;
    width: 10px
}

.trend-chart .icon-list .ele-box.home[data-v-1c374678] {
    top: 0
}

.trend-chart .icon-list .ele-box.away[data-v-1c374678] {
    bottom: 0
}

.trend-chart .icon-list .ele-box .e-pop[data-v-1c374678] {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    pointer-events: none;
    align-items: center;
    position: absolute;
    padding: 3px 12px;
    display: flex;
    top: 50%
}

.trend-chart .icon-list .ele-box .e-pop .before[data-v-1c374678] {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0
}

.trend-chart .icon-list .ele-box .e-pop .radius[data-v-1c374678] {
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition-delay: .25s;
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    -o-transition-delay: .25s;
    box-shadow: -3px 1px 8px 0 rgb(0 0 0);
    border-radius: 50%;
    border: 3px solid;
    position: absolute;
    margin-top: -8px;
    height: 10px;
    width: 10px;
    opacity: 0;
    top: 50%
}

.trend-chart .icon-list .ele-box .e-pop .e-child[data-v-1c374678] {
    align-items: center;
    display: flex
}

.trend-chart .icon-list .ele-box .e-pop .e-child .left-box[data-v-1c374678],.trend-chart .icon-list .ele-box .e-pop .e-child .time[data-v-1c374678] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    opacity: 0
}

.trend-chart .icon-list .ele-box .e-pop .e-child .left-box.left-box[data-v-1c374678],.trend-chart .icon-list .ele-box .e-pop .e-child .time.left-box[data-v-1c374678] {
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    justify-content: center;
    flex-direction: column;
    position: relative;
    display: flex
}

.trend-chart .icon-list .ele-box .e-pop .e-child .left-box.left-box .label-box[data-v-1c374678],.trend-chart .icon-list .ele-box .e-pop .e-child .time.left-box .label-box[data-v-1c374678] {
    align-items: center;
    white-space: nowrap;
    display: flex
}

.trend-chart .icon-list .ele-box .e-pop .e-child .left-box.left-box .label-box .e-icon[data-v-1c374678],.trend-chart .icon-list .ele-box .e-pop .e-child .time.left-box .label-box .e-icon[data-v-1c374678] {
    margin-right: 4px;
    height: 13px;
    width: 13px
}

.trend-chart .icon-list .ele-box .e-pop .e-child .left-box.left-box .label-box .label[data-v-1c374678],.trend-chart .icon-list .ele-box .e-pop .e-child .time.left-box .label-box .label[data-v-1c374678] {
    font-family: "Roboto";
    font-weight: 700;
    line-height: 18px;
    font-size: 14px
}

.trend-chart .icon-list .ele-box .e-pop .e-child .left-box.left-box .name[data-v-1c374678],.trend-chart .icon-list .ele-box .e-pop .e-child .time.left-box .name[data-v-1c374678] {
    font-family: "Roboto";
    white-space: nowrap;
    line-height: 16px;
    font-weight: 400;
    font-size: 12px
}

.trend-chart .icon-list .ele-box .e-pop .e-child .left-box.time[data-v-1c374678],.trend-chart .icon-list .ele-box .e-pop .e-child .time.time[data-v-1c374678] {
    transition-delay: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    font-family: "Roboto";
    position: relative;
    border-radius: 2px;
    line-height: 14px;
    font-weight: 500;
    font-size: 12px;
    padding: 4px
}

.trend-chart .icon-list .ele-box .e-pop[data-v-1c374678]:not(.reverse) {
    left: 5px
}

.trend-chart .icon-list .ele-box .e-pop:not(.reverse) .before[data-v-1c374678] {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0
}

.trend-chart .icon-list .ele-box .e-pop:not(.reverse) .radius[data-v-1c374678] {
    left: -8px
}

.trend-chart .icon-list .ele-box .e-pop:not(.reverse) .e-child .left-box[data-v-1c374678],.trend-chart .icon-list .ele-box .e-pop:not(.reverse) .e-child .time[data-v-1c374678] {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px)
}

.trend-chart .icon-list .ele-box .e-pop:not(.reverse) .e-child .time[data-v-1c374678] {
    margin-left: 10px
}

.trend-chart .icon-list .ele-box .e-pop.reverse[data-v-1c374678] {
    right: 5px
}

.trend-chart .icon-list .ele-box .e-pop.reverse .before[data-v-1c374678] {
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0
}

.trend-chart .icon-list .ele-box .e-pop.reverse .radius[data-v-1c374678] {
    right: -8px
}

.trend-chart .icon-list .ele-box .e-pop.reverse .e-child[data-v-1c374678] {
    flex-direction: row-reverse
}

.trend-chart .icon-list .ele-box .e-pop.reverse .e-child .left-box[data-v-1c374678],.trend-chart .icon-list .ele-box .e-pop.reverse .e-child .time[data-v-1c374678] {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px)
}

.trend-chart .icon-list .ele-box .e-pop.reverse .e-child .time[data-v-1c374678] {
    margin-right: 10px
}

.trend-chart .icon-list .ele-box.show[data-v-1c374678],.trend-chart .icon-list .ele-box[data-v-1c374678]:hover {
    z-index: 2
}

.trend-chart .icon-list .ele-box.show .e-pop[data-v-1c374678],.trend-chart .icon-list .ele-box:hover .e-pop[data-v-1c374678] {
    pointer-events: inherit
}

.trend-chart .icon-list .ele-box.show .e-pop .before[data-v-1c374678],.trend-chart .icon-list .ele-box:hover .e-pop .before[data-v-1c374678] {
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1
}

.trend-chart .icon-list .ele-box.show .e-pop .radius[data-v-1c374678],.trend-chart .icon-list .ele-box:hover .e-pop .radius[data-v-1c374678] {
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1
}

.trend-chart .icon-list .ele-box.show .e-pop .left-box[data-v-1c374678],.trend-chart .icon-list .ele-box.show .e-pop .time[data-v-1c374678],.trend-chart .icon-list .ele-box:hover .e-pop .left-box[data-v-1c374678],.trend-chart .icon-list .ele-box:hover .e-pop .time[data-v-1c374678] {
    transform: translateX(0)!important;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    opacity: 1
}

.trend-chart .icon-list .ele-box.show .e-pop .left-box.left-box[data-v-1c374678],.trend-chart .icon-list .ele-box.show .e-pop .time.left-box[data-v-1c374678],.trend-chart .icon-list .ele-box:hover .e-pop .left-box.left-box[data-v-1c374678],.trend-chart .icon-list .ele-box:hover .e-pop .time.left-box[data-v-1c374678] {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s
}

.trend-chart .icon-list .ele-box.show .e-pop .left-box.time[data-v-1c374678],.trend-chart .icon-list .ele-box.show .e-pop .time.time[data-v-1c374678],.trend-chart .icon-list .ele-box:hover .e-pop .left-box.time[data-v-1c374678],.trend-chart .icon-list .ele-box:hover .e-pop .time.time[data-v-1c374678] {
    transition-delay: .28s;
    -webkit-transition-delay: .28s;
    -moz-transition-delay: .28s;
    -o-transition-delay: .28s
}

.trend-chart:not(.is-alabo) .tip[data-v-1c374678] {
    left: 16px
}

.trend-chart:not(.is-alabo) .hf-box .ft[data-v-1c374678],.trend-chart:not(.is-alabo) .hf-box .ht[data-v-1c374678] {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.trend-chart:not(.is-alabo) .chart[data-v-1c374678] {
    left: 16px;
    right: 0
}

.trend-chart.is-alabo .tip[data-v-1c374678] {
    right: 16px
}

.trend-chart.is-alabo .hf-box .ft[data-v-1c374678],.trend-chart.is-alabo .hf-box .ht[data-v-1c374678] {
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%)
}

.trend-chart.is-alabo .chart[data-v-1c374678] {
    right: 16px;
    left: 0
}

.trend-chart.is-alabo .icon-list .ele-box[data-v-1c374678],.trend-chart.is-alabo .icon-list[data-v-1c374678] {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1)
}

.trend-chart.min[data-v-1c374678] {
    height: 72px
}

.trend-chart.min .chart[data-v-1c374678],.trend-chart.min .icon-list[data-v-1c374678] {
    top: 20px
}

.float-left[data-v-059738ff] {
    float: left
}

.float-right[data-v-059738ff] {
    float: right
}

.clear-twinkle[data-v-059738ff] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-059738ff {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-hide-059738ff {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-059738ff {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-059738ff {
    to {
        opacity: 0
    }
}

@keyframes dash-059738ff {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes opacity-fn-059738ff {
    to {
        opacity: 1
    }
}

@keyframes scale-059738ff {
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1
    }
}

@keyframes translateY-059738ff {
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1
    }
}

@keyframes translateX-059738ff {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes width-059738ff {
    to {
        width: 100%;
        opacity: 1
    }
}

@keyframes tracing-line-radius-059738ff {
    to {
        r: 3;
        opacity: 1
    }
}

@keyframes offside-059738ff {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes ball-move-059738ff {
    to {
        opacity: 1
    }
}

@keyframes ball-move-on-059738ff {
    to {
        transform: scale(.636);
        -webkit-transform: scale(.636);
        -moz-transform: scale(.636);
        -o-transform: scale(.636);
        opacity: 1
    }
}

@keyframes ball-mask-059738ff {
    to {
        transform: translate(-46px);
        -webkit-transform: translate(-46px);
        -moz-transform: translate(-46px);
        -o-transform: translate(-46px)
    }
}

@keyframes tips-box-score-059738ff {
    to {
        margin-top: -24px
    }
}

@keyframes tips-box-score-off-059738ff {
    to {
        margin-top: 0
    }
}

@keyframes odds-tips-box-before-059738ff {
    to {
        height: 100%
    }
}

@keyframes odds-tips-box-after-059738ff {
    to {
        width: 100%;
        left: 0
    }
}

@keyframes flag-g-059738ff {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes "tracing-line-box-3d-path-ball"-059738ff {
    0% {
        transform: translate(-10px,-35px);
        -webkit-transform: translate(-10px,-35px);
        -moz-transform: translate(-10px,-35px);
        -o-transform: translate(-10px,-35px)
    }

    10% {
        transform: translate(-10px,-31px);
        -webkit-transform: translate(-10px,-31px);
        -moz-transform: translate(-10px,-31px);
        -o-transform: translate(-10px,-31px)
    }

    20% {
        transform: translate(-10px,-35px);
        -webkit-transform: translate(-10px,-35px);
        -moz-transform: translate(-10px,-35px);
        -o-transform: translate(-10px,-35px)
    }

    30% {
        transform: translate(-10px,-31px);
        -webkit-transform: translate(-10px,-31px);
        -moz-transform: translate(-10px,-31px);
        -o-transform: translate(-10px,-31px)
    }

    40% {
        transform: translate(-10px,-35px);
        -webkit-transform: translate(-10px,-35px);
        -moz-transform: translate(-10px,-35px);
        -o-transform: translate(-10px,-35px)
    }

    to {
        transform: translate(-10px,-35px);
        -webkit-transform: translate(-10px,-35px);
        -moz-transform: translate(-10px,-35px);
        -o-transform: translate(-10px,-35px)
    }
}

@keyframes "tracing-line-box-3d-path-rds"-059738ff {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7)
    }

    10% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

    20% {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7)
    }

    30% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

    40% {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7)
    }

    to {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7)
    }
}

@keyframes goal-old-059738ff {
    to {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes goal-new-059738ff {
    to {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        opacity: 1
    }
}

@keyframes cancel-goal-old-059738ff {
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1
    }
}

@keyframes cancel-goal-new-059738ff {
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 0
    }
}

@keyframes ball-rotate-059738ff {
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn)
    }
}

.vs-widget[data-v-059738ff] {
    position: relative;
    display: flex;
    font-size: 0;
    font-size: 16px;
    z-index: 2
}

.vs-widget .left-box[data-v-059738ff],.vs-widget .right-box[data-v-059738ff] {
    align-items: center;
    display: flex;
    min-width: 0;
    width: 0;
    flex: 1
}

.vs-widget .left-box .logo[data-v-059738ff],.vs-widget .right-box .logo[data-v-059738ff] {
    background: no-repeat 50%;
    font-size: 17px;
    height: 34px;
    width: 34px
}

.vs-widget .left-box .logo.min[data-v-059738ff],.vs-widget .right-box .logo.min[data-v-059738ff] {
    height: 28px;
    width: 28px
}

.vs-widget .left-box .box[data-v-059738ff],.vs-widget .right-box .box[data-v-059738ff] {
    font-family: "Roboto";
    min-width: 0;
    flex: 1
}

.vs-widget .left-box .box .name[data-v-059738ff],.vs-widget .right-box .box .name[data-v-059738ff] {
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 12px;
    font-weight: 500;
    font-size: 12px
}

.vs-widget .left-box .box .spt-box[data-v-059738ff],.vs-widget .right-box .box .spt-box[data-v-059738ff] {
    align-items: center;
    line-height: 17px;
    margin: 5px 0 0;
    display: flex;
    font-size: 0
}

.vs-widget .left-box .box .spt-box li[data-v-059738ff],.vs-widget .right-box .box .spt-box li[data-v-059738ff] {
    align-items: center;
    margin-right: 2px;
    display: flex
}

.vs-widget .left-box .box .spt-box li .svg-icon[data-v-059738ff],.vs-widget .right-box .box .spt-box li .svg-icon[data-v-059738ff] {
    margin-right: 2px;
    height: 15px;
    width: 15px
}

.vs-widget .left-box .box .spt-box li .text[data-v-059738ff],.vs-widget .right-box .box .spt-box li .text[data-v-059738ff] {
    line-height: 12px;
    font-size: 12px;
    color: #111
}

.vs-widget .left-box .box .spt-box li[data-v-059738ff]:last-child,.vs-widget .right-box .box .spt-box li[data-v-059738ff]:last-child {
    margin-right: 0
}

.vs-widget .left-box.left-box[data-v-059738ff],.vs-widget .right-box.left-box[data-v-059738ff] {
    border-left: 3px solid transparent;
    padding-left: 9px
}

.vs-widget .left-box.left-box .logo[data-v-059738ff],.vs-widget .right-box.left-box .logo[data-v-059738ff] {
    margin-right: 8px
}

.vs-widget .left-box.right-box[data-v-059738ff],.vs-widget .right-box.right-box[data-v-059738ff] {
    border-right: 3px solid transparent;
    justify-content: flex-end;
    padding-right: 9px
}

.vs-widget .left-box.right-box .logo[data-v-059738ff],.vs-widget .right-box.right-box .logo[data-v-059738ff] {
    margin-left: 8px
}

.vs-widget .left-box.right-box .box .name[data-v-059738ff],.vs-widget .right-box.right-box .box .name[data-v-059738ff] {
    text-align: right
}

.vs-widget .left-box.right-box .box .spt-box[data-v-059738ff],.vs-widget .right-box.right-box .box .spt-box[data-v-059738ff] {
    justify-content: flex-end
}

.vs-widget .center-box[data-v-059738ff] {
    flex-direction: column;
    text-align: center;
    display: flex;
    margin: 0 5px;
    font-family: "Roboto"
}

.vs-widget .center-box .time[data-v-059738ff] {
    border-radius: 0 0 4px 4px;
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
    font-size: 12px;
    padding: 0 9px;
    margin: 0 0 2px
}

.vs-widget .center-box .child[data-v-059738ff] {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    min-width: 0;
    flex: 1
}

.vs-widget .center-box .child .score-box[data-v-059738ff] {
    align-items: center;
    display: flex
}

.vs-widget .center-box .child .score-box .iconfont[data-v-059738ff] {
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    font-size: 15px
}

.vs-widget .center-box .child .score-box .jersey[data-v-059738ff] {
    background: no-repeat 50%;
    height: 15px;
    width: 15px
}

.vs-widget .center-box .child .score-box .box[data-v-059738ff] {
    align-items: center;
    font-weight: 700;
    line-height: 20px;
    font-size: 16px;
    display: flex;
    flex: 1
}

.vs-widget .center-box .child .score-box .box .or[data-v-059738ff] {
    position: relative;
    text-align: center;
    width: 16px;
    top: -1px
}

.vs-widget .center-box .child .score-box .box .away[data-v-059738ff],.vs-widget .center-box .child .score-box .box .home[data-v-059738ff] {
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    flex: 1
}

.vs-widget .center-box .child .ht-box[data-v-059738ff] {
    font-family: "Roboto";
    justify-content: center;
    align-items: center;
    line-height: 16px;
    font-weight: 400;
    font-size: 12px;
    display: flex
}

.float-left[data-v-4a196d68] {
    float: left
}

.float-right[data-v-4a196d68] {
    float: right
}

.clear-twinkle[data-v-4a196d68] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-4a196d68 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-hide-4a196d68 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-4a196d68 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-4a196d68 {
    to {
        opacity: 0
    }
}

@keyframes dash-4a196d68 {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes opacity-fn-4a196d68 {
    to {
        opacity: 1
    }
}

@keyframes scale-4a196d68 {
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1
    }
}

@keyframes translateY-4a196d68 {
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1
    }
}

@keyframes translateX-4a196d68 {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes width-4a196d68 {
    to {
        width: 100%;
        opacity: 1
    }
}

@keyframes tracing-line-radius-4a196d68 {
    to {
        r: 3;
        opacity: 1
    }
}

@keyframes offside-4a196d68 {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes ball-move-4a196d68 {
    to {
        opacity: 1
    }
}

@keyframes ball-move-on-4a196d68 {
    to {
        transform: scale(.636);
        -webkit-transform: scale(.636);
        -moz-transform: scale(.636);
        -o-transform: scale(.636);
        opacity: 1
    }
}

@keyframes ball-mask-4a196d68 {
    to {
        transform: translate(-46px);
        -webkit-transform: translate(-46px);
        -moz-transform: translate(-46px);
        -o-transform: translate(-46px)
    }
}

@keyframes tips-box-score-4a196d68 {
    to {
        margin-top: -24px
    }
}

@keyframes tips-box-score-off-4a196d68 {
    to {
        margin-top: 0
    }
}

@keyframes odds-tips-box-before-4a196d68 {
    to {
        height: 100%
    }
}

@keyframes odds-tips-box-after-4a196d68 {
    to {
        width: 100%;
        left: 0
    }
}

@keyframes flag-g-4a196d68 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes "tracing-line-box-3d-path-ball"-4a196d68 {
    0% {
        transform: translate(-10px,-35px);
        -webkit-transform: translate(-10px,-35px);
        -moz-transform: translate(-10px,-35px);
        -o-transform: translate(-10px,-35px)
    }

    10% {
        transform: translate(-10px,-31px);
        -webkit-transform: translate(-10px,-31px);
        -moz-transform: translate(-10px,-31px);
        -o-transform: translate(-10px,-31px)
    }

    20% {
        transform: translate(-10px,-35px);
        -webkit-transform: translate(-10px,-35px);
        -moz-transform: translate(-10px,-35px);
        -o-transform: translate(-10px,-35px)
    }

    30% {
        transform: translate(-10px,-31px);
        -webkit-transform: translate(-10px,-31px);
        -moz-transform: translate(-10px,-31px);
        -o-transform: translate(-10px,-31px)
    }

    40% {
        transform: translate(-10px,-35px);
        -webkit-transform: translate(-10px,-35px);
        -moz-transform: translate(-10px,-35px);
        -o-transform: translate(-10px,-35px)
    }

    to {
        transform: translate(-10px,-35px);
        -webkit-transform: translate(-10px,-35px);
        -moz-transform: translate(-10px,-35px);
        -o-transform: translate(-10px,-35px)
    }
}

@keyframes "tracing-line-box-3d-path-rds"-4a196d68 {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7)
    }

    10% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

    20% {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7)
    }

    30% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

    40% {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7)
    }

    to {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7)
    }
}

@keyframes goal-old-4a196d68 {
    to {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes goal-new-4a196d68 {
    to {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        opacity: 1
    }
}

@keyframes cancel-goal-old-4a196d68 {
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1
    }
}

@keyframes cancel-goal-new-4a196d68 {
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 0
    }
}

@keyframes ball-rotate-4a196d68 {
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn)
    }
}

.default-line-up-demo[data-v-4a196d68] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    left: 0;
    top: 0
}

.football-animate[data-v-4a196d68] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 800px;
}

.football-animate[data-v-4a196d68]:after,.football-animate[data-v-4a196d68]:before {
    /* content:""; */
    display: table
}

.football-animate.is-debug[data-v-4a196d68] {
    position: relative
}

.football-animate .pointer-events-none[data-v-4a196d68] {
    pointer-events: none;
}

.football-animate .scg-linear-gradient[data-v-4a196d68] {
    position: absolute;
    z-index: -1
}

.football-animate .animate-child[data-v-4a196d68] {
    background: repeat 0 bottom;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 0;
    width: 100%
}

.football-animate .animate-child .i-background[data-v-4a196d68] {
    position: absolute;
    width: 100%;
    bottom: 1px;
    left: 0
}

.football-animate .animate-child .lineup-data-btn[data-v-4a196d68] {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background-color: #063e0b;
    position: absolute;
    line-height: 22px;
    cursor: pointer;
    padding: 0 8px;
    height: 22px;
    z-index: 2;
    color: #fff;
    left: 50%
}

.football-animate .animate-child .lineup-data-btn .iconfont[data-v-4a196d68],.football-animate .animate-child .lineup-data-btn .text2[data-v-4a196d68],.football-animate .animate-child .lineup-data-btn .text[data-v-4a196d68] {
    display: inline-block;
    vertical-align: middle
}

.football-animate .animate-child .lineup-data-btn .iconfont[data-v-4a196d68] {
    font-size: 24px
}

.football-animate .animate-child .lineup-data-btn .text2[data-v-4a196d68],.football-animate .animate-child .lineup-data-btn .text[data-v-4a196d68] {
    font-size: 12px
}

.football-animate .animate-child .lineup-data-btn .text[data-v-4a196d68] {
    margin-left: 4px
}

.football-animate .animate-child .lineup-data-btn.top[data-v-4a196d68] {
    top: 0
}

.football-animate .animate-child .lineup-data-btn.bottom[data-v-4a196d68] {
    bottom: 6px
}

.football-animate .animate-child .transition[data-v-4a196d68] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.football-animate .animate-child .dc-one-svg-box[data-v-4a196d68] {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.football-animate .animate-child .animate-svg[data-v-4a196d68] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    overflow: hidden
}

.football-animate .animate-child .animate-svg[data-v-4a196d68]:after,.football-animate .animate-child .animate-svg[data-v-4a196d68]:before {
    content: "";
    display: table;
    display: none;
}

.football-animate .animate-child .animate-svg .pg-img[data-v-4a196d68] {
    position: absolute;
    width: 35px;
    right: 8px;
    bottom: 4px
}

.football-animate .animate-child .animate-svg .animate-svg-goal[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box[data-v-4a196d68] {
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    max-width: 100%;
    bottom: 0;
    left: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .qm[data-v-4a196d68],.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .qx[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .qm[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .qx[data-v-4a196d68] {
    fill: none
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .cb-line[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .cb-line[data-v-4a196d68] {
    animation-name: dash-4a196d68;
    animation-duration: .6s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .7s;
    -webkit-animation-name: dash-4a196d68;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .7s;
    -moz-animation-name: dash-4a196d68;
    -moz-animation-duration: .6s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .7s;
    -o-animation-name: dash-4a196d68;
    -o-animation-duration: .6s;
    -o-animation-timing-function: ease-in;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .7s;
    stroke-dasharray: 3040;
    stroke-dashoffset: 3040
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .qm[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .qm[data-v-4a196d68] {
    animation-name: dash-4a196d68;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
    -webkit-animation-name: dash-4a196d68;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.2s;
    -moz-animation-name: dash-4a196d68;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.2s;
    -o-animation-name: dash-4a196d68;
    -o-animation-duration: .5s;
    -o-animation-timing-function: ease-in;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.2s;
    stroke-dasharray: 200;
    stroke-dashoffset: 200
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .dz-line[data-v-4a196d68],.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .zc-line[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .dz-line[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .zc-line[data-v-4a196d68] {
    stroke-dasharray: 500;
    stroke-dashoffset: 500
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .dz-line[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .dz-line[data-v-4a196d68] {
    animation-name: dash-4a196d68;
    animation-duration: .6s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .5s;
    -webkit-animation-name: dash-4a196d68;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .5s;
    -moz-animation-name: dash-4a196d68;
    -moz-animation-duration: .6s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .5s;
    -o-animation-name: dash-4a196d68;
    -o-animation-duration: .6s;
    -o-animation-timing-function: ease-in;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .5s
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .zc-line[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .zc-line[data-v-4a196d68] {
    animation-name: dash-4a196d68;
    animation-duration: .4s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .6s;
    -webkit-animation-name: dash-4a196d68;
    -webkit-animation-duration: .4s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .6s;
    -moz-animation-name: dash-4a196d68;
    -moz-animation-duration: .4s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .6s;
    -o-animation-name: dash-4a196d68;
    -o-animation-duration: .4s;
    -o-animation-timing-function: ease-in;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .6s
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .radius[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .radius[data-v-4a196d68] {
    animation-name: opacity-4a196d68;
    animation-duration: .2s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .8s;
    -webkit-animation-name: opacity-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .8s;
    -moz-animation-name: opacity-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .8s;
    -o-animation-name: opacity-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: ease-out;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .8s;
    opacity: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .zc-circle[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .zc-circle[data-v-4a196d68] {
    animation-name: scale-4a196d68;
    animation-duration: .2s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .8s;
    -webkit-animation-name: scale-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .8s;
    -moz-animation-name: scale-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .8s;
    -o-animation-name: scale-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: ease-out;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .8s;
    transform-origin: 383.5px 185px;
    -webkit-transform-origin: 383.5px 185px;
    -moz-transform-origin: 383.5px 185px;
    -o-transform-origin: 383.5px 185px;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    opacity: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .zc-dian[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .zc-dian[data-v-4a196d68] {
    animation-name: translateY-4a196d68;
    animation-duration: .15s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation-name: translateY-4a196d68;
    -webkit-animation-duration: .15s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-name: translateY-4a196d68;
    -moz-animation-duration: .15s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1s;
    -o-animation-name: translateY-4a196d68;
    -o-animation-duration: .15s;
    -o-animation-timing-function: ease-in;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1s;
    transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    opacity: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .home-dian[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .home-dian[data-v-4a196d68] {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .away-dian[data-v-4a196d68],.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .home-dian[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .away-dian[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .home-dian[data-v-4a196d68] {
    animation-name: translateX-4a196d68;
    animation-duration: .15s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation-name: translateX-4a196d68;
    -webkit-animation-duration: .15s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-name: translateX-4a196d68;
    -moz-animation-duration: .15s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1s;
    -o-animation-name: translateX-4a196d68;
    -o-animation-duration: .15s;
    -o-animation-timing-function: ease-in;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1s;
    opacity: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .away-dian[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .away-dian[data-v-4a196d68] {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .sj-line[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .sj-line[data-v-4a196d68] {
    animation-name: dash-4a196d68;
    animation-duration: .6s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
    -webkit-animation-name: dash-4a196d68;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.5s;
    -moz-animation-name: dash-4a196d68;
    -moz-animation-duration: .6s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.5s;
    -o-animation-name: dash-4a196d68;
    -o-animation-duration: .6s;
    -o-animation-timing-function: ease-in;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.5s;
    stroke-dasharray: 30;
    stroke-dashoffset: 30
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .flag-g>g[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .flag-g>g[data-v-4a196d68] {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    opacity: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .flag-g>g[data-v-4a196d68]:first-child,.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .flag-g>g[data-v-4a196d68]:first-child {
    animation-name: flag-g-4a196d68;
    animation-duration: .2s;
    animation-timing-function: cubic-bezier(.18,.61,.58,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
    -webkit-animation-name: flag-g-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.3s;
    -moz-animation-name: flag-g-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.3s;
    -o-animation-name: flag-g-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.3s
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .flag-g>g[data-v-4a196d68]:nth-child(2),.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .flag-g>g[data-v-4a196d68]:nth-child(2) {
    animation-name: flag-g-4a196d68;
    animation-duration: .2s;
    animation-timing-function: cubic-bezier(.18,.61,.58,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.4s;
    -webkit-animation-name: flag-g-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.4s;
    -moz-animation-name: flag-g-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.4s;
    -o-animation-name: flag-g-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.4s
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .flag-g>g[data-v-4a196d68]:nth-child(3),.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .flag-g>g[data-v-4a196d68]:nth-child(3) {
    animation-name: flag-g-4a196d68;
    animation-duration: .2s;
    animation-timing-function: cubic-bezier(.18,.61,.58,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
    -webkit-animation-name: flag-g-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.5s;
    -moz-animation-name: flag-g-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.5s;
    -o-animation-name: flag-g-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.5s
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-line-box .flag-g>g[data-v-4a196d68]:nth-child(4),.football-animate .animate-child .animate-svg .dzs-svg-box .g-line-box .flag-g>g[data-v-4a196d68]:nth-child(4) {
    animation-name: flag-g-4a196d68;
    animation-duration: .2s;
    animation-timing-function: cubic-bezier(.18,.61,.58,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
    -webkit-animation-name: flag-g-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.6s;
    -moz-animation-name: flag-g-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.6s;
    -o-animation-name: flag-g-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.6s
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-live-box .tracing-line-box .line[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-live-box .tracing-line-box .line[data-v-4a196d68] {
    stroke-width: 1.5px;
    fill: transparent
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-live-box .tracing-line-box .line.transition[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-live-box .tracing-line-box .line.transition[data-v-4a196d68] {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-live-box .tracing-line-box .radius-g.transition[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-live-box .tracing-line-box .radius-g.transition[data-v-4a196d68] {
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-live-box .rang-path .path-dash[data-v-4a196d68],.football-animate .animate-child .animate-svg .animate-svg-goal .g-live-box .rang-path .path-line[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-live-box .rang-path .path-dash[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-live-box .rang-path .path-line[data-v-4a196d68] {
    stroke-width: 4px;
    opacity: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-live-box .offside[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-live-box .offside[data-v-4a196d68] {
    animation-name: offside-4a196d68;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .45s;
    -webkit-animation-name: offside-4a196d68;
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .45s;
    -moz-animation-name: offside-4a196d68;
    -moz-animation-duration: .3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .45s;
    -o-animation-name: offside-4a196d68;
    -o-animation-duration: .3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .45s;
    opacity: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-live-box .offside.home[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-live-box .offside.home[data-v-4a196d68] {
    transform: translateX(-100px)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .g-live-box .offside.away[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .g-live-box .offside.away[data-v-4a196d68] {
    transform: translateX(100px)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box[data-v-4a196d68] {
    animation-name: opacity-fn-4a196d68;
    animation-duration: .45s;
    animation-timing-function: cubic-bezier(.18,.61,.58,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: opacity-fn-4a196d68;
    -webkit-animation-duration: .45s;
    -webkit-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: opacity-fn-4a196d68;
    -moz-animation-duration: .45s;
    -moz-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: opacity-fn-4a196d68;
    -o-animation-duration: .45s;
    -o-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s;
    opacity: 0;
    display: none
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .name[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .name[data-v-4a196d68] {
    text-align: center;
    font-size: 0;
    color: #fff
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .name .tc[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .name .tc[data-v-4a196d68] {
    display: inline-block;
    max-width: 100%
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .name .tc .tcs[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .name .tc .tcs[data-v-4a196d68] {
    align-items: center;
    display: flex;
    min-width: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .name .tc .tcs .ico[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .name .tc .tcs .ico[data-v-4a196d68] {
    background-color: #4795d3;
    border-radius: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    height: 12px;
    width: 12px
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .name .tc .tcs .ico[data-v-4a196d68]:before,.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .name .tc .tcs .ico[data-v-4a196d68]:before {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    vertical-align: middle;
    display: inline-block;
    content: "C"
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .name .tc .tcs .text[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .name .tc .tcs .text[data-v-4a196d68] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    flex: 1
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .grade[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .grade[data-v-4a196d68] {
    font-family: DIN-BlackItalic,DIN;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    color: #fff
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .grade .text[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .grade .text[data-v-4a196d68] {
    border-radius: 8px;
    display: block
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .ball rect[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .ball rect[data-v-4a196d68] {
    height: 20px;
    width: 20px
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .ball .b[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .ball .b[data-v-4a196d68] {
    stroke-width: 1px;
    stroke: #4795d3;
    fill: #fff
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .ball .g[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .ball .g[data-v-4a196d68] {
    clip-path: url(#lineup-box-ball-mask);
    -webkit-clip-path: url(#lineup-box-ball-mask);
    -moz-clip-path: url(#lineup-box-ball-mask);
    -o-clip-path: url(#lineup-box-ball-mask)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .ball .g rect[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .ball .g rect[data-v-4a196d68] {
    fill: #4795d3
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .logo .rc1[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .logo .rc1[data-v-4a196d68] {
    -moz-filter: url(#lineup-box-logo);
    -o-filter: url(#lineup-box-logo);
    -ms-filter: url(#lineup-box-logo);
    filter: url(#lineup-box-logo);
    fill: rgba(6,62,11,.8)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player .logo g rect[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player .logo g rect[data-v-4a196d68] {
    stroke-width: 2px;
    fill: #fff
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model2 .replacement[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model2 .replacement[data-v-4a196d68] {
    transform: translate(-31px,-3px) scale(.65);
    -webkit-transform: translate(-31px,-3px) scale(.65);
    -moz-transform: translate(-31px,-3px) scale(.65);
    -o-transform: translate(-31px,-3px) scale(.65)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model2 #lineup-box-ball-mask[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model2 #lineup-box-ball-mask[data-v-4a196d68] {
    animation-name: ball-mask-4a196d68;
    animation-duration: 1.5s;
    animation-timing-function: cubic-bezier(1,.04,.57,.96);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .3s;
    -webkit-animation-name: ball-mask-4a196d68;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: cubic-bezier(1,.04,.57,.96);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    -moz-animation-name: ball-mask-4a196d68;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: cubic-bezier(1,.04,.57,.96);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .3s;
    -o-animation-name: ball-mask-4a196d68;
    -o-animation-duration: 1.5s;
    -o-animation-timing-function: cubic-bezier(1,.04,.57,.96);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .3s;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model2 .ball[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model2 .ball[data-v-4a196d68] {
    transform: translate(27px,21px) scale(.65);
    -webkit-transform: translate(27px,21px) scale(.65);
    -moz-transform: translate(27px,21px) scale(.65);
    -o-transform: translate(27px,21px) scale(.65)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model2 .card-box .card[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model2 .card-box .card[data-v-4a196d68] {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    display: inline-block;
    margin: 2px 0 0 4px;
    vertical-align: top;
    border-radius: 2px;
    width: 10px;
    height: 14px
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model2 .card-box .card.yellow[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model2 .card-box .card.yellow[data-v-4a196d68] {
    background-color: #f5cc36
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model2 .card-box .card.red[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model2 .card-box .card.red[data-v-4a196d68] {
    background-color: #f90f0e
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model2 .numb[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model2 .numb[data-v-4a196d68] {
    font-size: 12px;
    fill: #fff
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .logo[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .logo[data-v-4a196d68] {
    transition: all .25s cubic-bezier(.37,.9,.49,1.31);
    -webkit-transition: all .25s cubic-bezier(.37,.9,.49,1.31);
    -moz-transition: all .25s cubic-bezier(.37,.9,.49,1.31);
    -o-transition: all .25s cubic-bezier(.37,.9,.49,1.31);
    transform-origin: 17px 30px;
    -webkit-transform-origin: 17px 30px;
    -moz-transform-origin: 17px 30px;
    -o-transform-origin: 17px 30px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    cursor: pointer;
    opacity: 0
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .logo.show[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .logo.show[data-v-4a196d68] {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .numb[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .numb[data-v-4a196d68] {
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    color: #fff
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .replacement[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .replacement[data-v-4a196d68] {
    transform: translate(49px) scale(.3);
    -webkit-transform: translate(49px) scale(.3);
    -moz-transform: translate(49px) scale(.3);
    -o-transform: translate(49px) scale(.3)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .ball[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .ball[data-v-4a196d68] {
    transform: translate(49px,9px) scale(.35);
    -webkit-transform: translate(49px,9px) scale(.35);
    -moz-transform: translate(49px,9px) scale(.35);
    -o-transform: translate(49px,9px) scale(.35)
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .card-box .card[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .card-box .card[data-v-4a196d68] {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    display: inline-block;
    margin: 2px 0 0 2px;
    vertical-align: top;
    border-radius: 1px;
    width: 5px;
    height: 7px
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .card-box .card.yellow[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .card-box .card.yellow[data-v-4a196d68] {
    background-color: #f5cc36
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .card-box .card.red[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .card-box .card.red[data-v-4a196d68] {
    background-color: #f90f0e
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .grade[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .grade[data-v-4a196d68] {
    line-height: 16px;
    text-align: right
}

.football-animate .animate-child .animate-svg .animate-svg-goal .lineup-box .player.model3 .grade .text[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .lineup-box .player.model3 .grade .text[data-v-4a196d68] {
    padding: 0 10px 0 5px;
    display: inline-block;
    vertical-align: top
}

.football-animate .animate-child .animate-svg .animate-svg-goal .tab-statistics-g use[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .tab-statistics-g use[data-v-4a196d68] {
    fill: transparent
}

.football-animate .animate-child .animate-svg .animate-svg-goal .tab-statistics-score-g .text-g .tab-statistics-score[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .tab-statistics-score-g .text-g .tab-statistics-score[data-v-4a196d68] {
    align-items: center;
    font-size: 30px;
    display: flex;
    height: 100%
}

.football-animate .animate-child .animate-svg .animate-svg-goal .tab-statistics-score-g .text-g .tab-statistics-score .away[data-v-4a196d68],.football-animate .animate-child .animate-svg .animate-svg-goal .tab-statistics-score-g .text-g .tab-statistics-score .home[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .tab-statistics-score-g .text-g .tab-statistics-score .away[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .tab-statistics-score-g .text-g .tab-statistics-score .home[data-v-4a196d68] {
    display: flex;
    flex: 1
}

.football-animate .animate-child .animate-svg .animate-svg-goal .tab-statistics-score-g .text-g .tab-statistics-score .away.home[data-v-4a196d68],.football-animate .animate-child .animate-svg .animate-svg-goal .tab-statistics-score-g .text-g .tab-statistics-score .home.home[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .tab-statistics-score-g .text-g .tab-statistics-score .away.home[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .tab-statistics-score-g .text-g .tab-statistics-score .home.home[data-v-4a196d68] {
    justify-content: flex-end
}

.football-animate .animate-child .animate-svg .animate-svg-goal .tab-statistics-score-g .text-g .tab-statistics-score .or[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-svg-box .tab-statistics-score-g .text-g .tab-statistics-score .or[data-v-4a196d68] {
    margin: 0 4px
}

.football-animate .animate-child .animate-svg .dangerous-attack-lottie[data-v-4a196d68] {
    animation-name: opacity-fn-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .5s;
    -webkit-animation-name: opacity-fn-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .5s;
    -moz-animation-name: opacity-fn-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .5s;
    -o-animation-name: opacity-fn-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .5s;
    position: absolute;
    width: 100%;
    opacity: 0;
    bottom: 0;
    left: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .dangerous-attack-lottie.away[data-v-4a196d68] {
    transform: scaleX(-1)
}

.football-animate .animate-child .animate-svg .dzs-div-box[data-v-4a196d68] {
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box[data-v-4a196d68] {
    animation-name: opacity-fn-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .5s;
    -webkit-animation-name: opacity-fn-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .5s;
    -moz-animation-name: opacity-fn-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .5s;
    -o-animation-name: opacity-fn-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .5s;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    position: absolute;
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box[data-v-4a196d68] {
    position: relative
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box[data-v-4a196d68] {
    align-items: center;
    position: relative;
    display: flex
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box .svg-icon[data-v-4a196d68] {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    animation-name: scale-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .6s;
    -webkit-animation-name: scale-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .6s;
    -moz-animation-name: scale-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .6s;
    -o-animation-name: scale-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .6s;
    margin-right: 7px;
    height: 44px;
    width: 44px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box .svg-icon.VAR[data-v-4a196d68] {
    margin-right: 12px;
    height: 24px;
    width: 28px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box .child[data-v-4a196d68] {
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box .label[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 28px;
    font-size: 24px;
    font-weight: 500;
    display: block
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box .text[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 18px;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 400
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box .team-box[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 24px;
    align-items: center;
    margin-top: 4px;
    font-size: 20px;
    font-weight: 400;
    display: flex
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box .team-box .logo[data-v-4a196d68] {
    background: no-repeat 50%;
    font-size: 13px;
    height: 24px;
    width: 24px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box .time[data-v-4a196d68] {
    font-family: "Roboto";
    justify-content: center;
    border-radius: 2px;
    line-height: 18px;
    margin-left: 8px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 4px;
    display: flex
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .corner-bar[data-v-4a196d68] {
    border-top: 1px solid;
    align-items: center;
    position: relative;
    padding: 3px 0;
    display: flex
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .corner-bar .tip[data-v-4a196d68] {
    font-family: "Roboto";
    justify-content: center;
    line-height: 28px;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    width: 34px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .corner-bar .bar-box[data-v-4a196d68] {
    border-radius: 2px;
    position: relative;
    height: 3px;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .corner-bar .bar-box .line[data-v-4a196d68] {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score[data-v-4a196d68] {
    animation-name: opacity-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .8s;
    -webkit-animation-name: opacity-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .8s;
    -moz-animation-name: opacity-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .8s;
    -o-animation-name: opacity-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .8s;
    border-top: 1px solid;
    padding: 13px 20px;
    align-items: center;
    position: relative;
    display: flex;
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .logo[data-v-4a196d68] {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    animation-name: translateY-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .8s;
    -webkit-animation-name: translateY-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .8s;
    -moz-animation-name: translateY-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .8s;
    -o-animation-name: translateY-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .8s;
    background: no-repeat 50%;
    height: 28px;
    width: 28px;
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box[data-v-4a196d68] {
    align-items: center;
    min-width: 132px;
    display: flex;
    flex: 1
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .or[data-v-4a196d68] {
    font-family: PingFangSC-Semibold,PingFang SC;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
    margin: 0 16px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home[data-v-4a196d68] {
    height: 30px;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away .val[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home .val[data-v-4a196d68] {
    flex-direction: column;
    display: inline-block;
    position: relative;
    text-align: center;
    height: 100%
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away .val .line[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home .val .line[data-v-4a196d68] {
    border-radius: 2px;
    position: absolute;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away .val .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home .val .old[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    display: block
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away.home[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home.home[data-v-4a196d68] {
    text-align: right
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away.away[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home.away[data-v-4a196d68] {
    text-align: left
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away:not(.animate) .val .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home:not(.animate) .val .old[data-v-4a196d68] {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away:not(.animate) .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home:not(.animate) .val .new[data-v-4a196d68] {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%)
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away.animate .val .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home.animate .val .old[data-v-4a196d68] {
    animation-name: cancel-goal-old-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
    -webkit-animation-name: cancel-goal-old-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.2s;
    -moz-animation-name: cancel-goal-old-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.2s;
    -o-animation-name: cancel-goal-old-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.2s;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .away.animate .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box .team-score .score-box .home.animate .val .new[data-v-4a196d68] {
    animation-name: cancel-goal-new-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
    -webkit-animation-name: cancel-goal-new-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.3s;
    -moz-animation-name: cancel-goal-new-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.3s;
    -o-animation-name: cancel-goal-new-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.3s;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%)
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .player[data-v-4a196d68] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    padding-bottom: 7px;
    display: inline-flex;
    line-height: 34px;
    padding-top: 7px;
    margin-top: 22px;
    align-items: center;
    position: relative
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .player .before[data-v-4a196d68] {
    animation-name: width-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.1s;
    -webkit-animation-name: width-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.1s;
    -moz-animation-name: width-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.1s;
    -o-animation-name: width-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.1s;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 17px;
    position: absolute;
    height: 100%;
    opacity: 0;
    width: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .player .text[data-v-4a196d68] {
    animation-name: opacity-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
    -webkit-animation-name: opacity-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.3s;
    -moz-animation-name: opacity-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.3s;
    -o-animation-name: opacity-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.3s;
    font-family: "Roboto";
    line-height: 20px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box .player .logo[data-v-4a196d68] {
    animation-name: scale-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation-name: scale-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-name: scale-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1s;
    -o-animation-name: scale-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    background: no-repeat center 0;
    border-radius: 50%;
    position: absolute;
    margin-top: -20px;
    height: 40px;
    width: 40px;
    opacity: 0;
    top: 50%;
    left: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).home[data-v-4a196d68] {
    text-align: right
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).home .pn-box>.child-box[data-v-4a196d68] {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).home .pn-box>.child-box .time[data-v-4a196d68] {
    margin-right: 8px;
    margin-left: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).home .pn-box>.child-box .team-box[data-v-4a196d68] {
    justify-content: flex-end
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).home .pn-box>.child-box .team-box .logo[data-v-4a196d68] {
    margin-right: 4px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).home .player[data-v-4a196d68] {
    padding-right: 48px;
    padding-left: 12px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).home .player .before[data-v-4a196d68] {
    right: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).home .player .logo[data-v-4a196d68] {
    margin-left: -40px;
    left: 100%
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).away[data-v-4a196d68] {
    text-align: left
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).away .pn-box>.child-box .team-box[data-v-4a196d68] {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).away .pn-box>.child-box .team-box .logo[data-v-4a196d68] {
    margin-left: 4px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).away .player[data-v-4a196d68] {
    padding-right: 12px;
    padding-left: 48px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).away .player .before[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box:not(.fill-type).away .player .logo[data-v-4a196d68] {
    left: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box .before[data-v-4a196d68] {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    animation-name: scale-4a196d68;
    animation-duration: .1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .5s;
    -webkit-animation-name: scale-4a196d68;
    -webkit-animation-duration: .1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .5s;
    -moz-animation-name: scale-4a196d68;
    -moz-animation-duration: .1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .5s;
    -o-animation-name: scale-4a196d68;
    -o-animation-duration: .1s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .5s;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box>.child-box[data-v-4a196d68] {
    min-width: 170px;
    padding: 12px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box>.child-box .child[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box>.child-box .time[data-v-4a196d68] {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    animation-name: translateY-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .8s;
    -webkit-animation-name: translateY-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .8s;
    -moz-animation-name: translateY-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .8s;
    -o-animation-name: translateY-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .8s;
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box>.child-box .label[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 20px;
    font-size: 16px;
    font-weight: 700
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box>.child-box .team-box[data-v-4a196d68] {
    line-height: 20px;
    font-size: 16px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box>.child-box .team-box .logo[data-v-4a196d68] {
    height: 20px;
    width: 20px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box .corner-bar[data-v-4a196d68] {
    animation-name: opacity-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .9s;
    -webkit-animation-name: opacity-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .9s;
    -moz-animation-name: opacity-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .9s;
    -o-animation-name: opacity-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .9s;
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box .corner-bar .tip[data-v-4a196d68] {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    animation-name: translateY-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation-name: translateY-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-name: translateY-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1s;
    -o-animation-name: translateY-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1s;
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .player[data-v-4a196d68] {
    padding-right: 12px;
    padding-left: 48px;
    margin-top: 16px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .player .before[data-v-4a196d68],.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .player .logo[data-v-4a196d68] {
    left: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type:not(.is-alabo) .pn-box>.child-box .team-box .logo[data-v-4a196d68] {
    margin-right: 7px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type:not(.is-alabo) .pn-box>.child-box .team-box .logo.left[data-v-4a196d68] {
    display: block
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type.is-alabo .pn-box[data-v-4a196d68] {
    text-align: right
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type.is-alabo .pn-box>.child-box[data-v-4a196d68] {
    flex-direction: row-reverse
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type.is-alabo .pn-box>.child-box .svg-icon[data-v-4a196d68] {
    margin-left: 7px;
    margin-right: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type.is-alabo .pn-box>.child-box .team-box[data-v-4a196d68] {
    flex-direction: row-reverse
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type.is-alabo .pn-box>.child-box .team-box .logo[data-v-4a196d68] {
    margin-left: 7px
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type.is-alabo .pn-box>.child-box .team-box .logo.right[data-v-4a196d68] {
    display: block
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.center[data-v-4a196d68] {
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    flex-direction: column;
    align-items: center;
    display: flex;
    left: 50%!important;
    top: 50%!important
}

.football-animate .animate-child .animate-svg .dzs-div-box .pop-box.text-align-center .pn-box>.child-box[data-v-4a196d68] {
    justify-content: center;
    text-align: center
}

@media screen and (max-width: 414px) {
    .football-animate .animate-child .animate-svg .dzs-div-box .pop-box .pn-box>.child-box .time[data-v-4a196d68] {
        line-height:22px;
        font-size: 18px
    }

    .football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box>.child-box .label[data-v-4a196d68] {
        line-height: 24px;
        font-size: 20px
    }

    .football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box>.child-box .team-box[data-v-4a196d68] {
        line-height: 22px;
        margin-top: 8px;
        font-size: 18px
    }

    .football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .pn-box>.child-box .team-box .logo[data-v-4a196d68] {
        height: 22px;
        width: 22px
    }

    .football-animate .animate-child .animate-svg .dzs-div-box .pop-box.fill-type .player .text[data-v-4a196d68] {
        line-height: 22px;
        font-size: 18px
    }
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution[data-v-4a196d68] {
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution .before[data-v-4a196d68] {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    animation-name: scale-4a196d68;
    animation-duration: .1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: scale-4a196d68;
    -webkit-animation-duration: .1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: scale-4a196d68;
    -moz-animation-duration: .1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: scale-4a196d68;
    -o-animation-duration: .1s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution .child-box[data-v-4a196d68] {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    animation-name: translateY-4a196d68;
    animation-duration: .15s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .3s;
    -webkit-animation-name: translateY-4a196d68;
    -webkit-animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    -moz-animation-name: translateY-4a196d68;
    -moz-animation-duration: .15s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .3s;
    -o-animation-name: translateY-4a196d68;
    -o-animation-duration: .15s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .3s;
    align-items: center;
    position: relative;
    padding: 12px;
    display: flex;
    opacity: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution .child-box .left-box[data-v-4a196d68] {
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution .child-box .left-box .text[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 20px;
    font-weight: 700;
    font-size: 16px;
    display: block
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution .child-box .left-box .team-box[data-v-4a196d68] {
    align-items: center;
    margin-top: 4px;
    display: flex
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution .child-box .left-box .team-box .logo[data-v-4a196d68] {
    background: no-repeat;
    height: 20px;
    width: 20px
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution .child-box .left-box .team-box .name[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 20px;
    font-size: 16px;
    font-weight: 400
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution .child-box .svg-icon[data-v-4a196d68] {
    height: 30px;
    width: 30px
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution:not(.is-alabo) .child-box .left-box .team-box .logo[data-v-4a196d68] {
    margin-right: 7px
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution:not(.is-alabo) .child-box .svg-icon[data-v-4a196d68] {
    margin-left: 8px
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution.is-alabo .child-box[data-v-4a196d68] {
    flex-direction: row-reverse
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution.is-alabo .child-box .left-box .text[data-v-4a196d68] {
    text-align: right
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution.is-alabo .child-box .left-box .team-box[data-v-4a196d68] {
    flex-direction: row-reverse
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution.is-alabo .child-box .left-box .team-box .logo[data-v-4a196d68] {
    margin-left: 7px
}

.football-animate .animate-child .animate-svg .dzs-div-box .substitution.is-alabo .child-box .svg-icon[data-v-4a196d68] {
    margin-right: 8px
}

.football-animate .animate-child .animate-svg .dzs-div-box .penalty[data-v-4a196d68] {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .dzs-div-box .penalty.away[data-v-4a196d68] {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1)
}

.football-animate .animate-child .animate-svg .dzs-div-box .penalty.away .lottie[data-v-4a196d68] #color2 {
    transform: scaleX(-1) translateY(51px);
    -webkit-transform: scaleX(-1) translateY(51px);
    -moz-transform: scaleX(-1) translateY(51px);
    -o-transform: scaleX(-1) translateY(51px);
    transform-origin: 400px 0;
    -webkit-transform-origin: 400px 0;
    -moz-transform-origin: 400px 0;
    -o-transform-origin: 400px 0
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .lottie-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box[data-v-4a196d68] {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .tips[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 30px;
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    bottom: 116px;
    opacity: 0
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs[data-v-4a196d68] {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    box-shadow: inset 0 -1px 0 rgba(5,9,23,.08);
    align-items: center;
    position: absolute;
    padding: 0 16px;
    height: 66px;
    display: flex;
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .center-tips[data-v-4a196d68] {
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    font-family: "Roboto";
    border-radius: 3px;
    padding: 4px 8px;
    line-height: 18px;
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    left: 50%;
    top: 0
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .or[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 30px;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    margin: 0 4px;
    top: -2px
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box[data-v-4a196d68] {
    align-items: center;
    display: flex;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .logo[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .logo[data-v-4a196d68] {
    background: no-repeat;
    height: 38px;
    width: 38px
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .name[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .name[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 20px;
    font-size: 16px;
    margin: 0 12px;
    font-weight: 400;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .ele-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .ele-box[data-v-4a196d68] {
    display: flex
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .ele-box li[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .ele-box li[data-v-4a196d68] {
    border: 2px solid;
    border-radius: 50%;
    position: relative;
    margin: 0 4px;
    height: 18px;
    width: 18px
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .ele-box li i[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .ele-box li i[data-v-4a196d68] {
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 50%;
    font-size: 18px;
    display: flex;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .ele-box li .now i[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .ele-box li .now i[data-v-4a196d68] {
    border: 2px solid
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .ele-box li.off[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .ele-box li.off[data-v-4a196d68] {
    background-color: transparent!important
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .ele-box li.off i[data-v-4a196d68]:before,.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .ele-box li.off i[data-v-4a196d68]:before {
    content: "\e862"
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .score[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .score[data-v-4a196d68] {
    height: 30px;
    width: 34px
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .score .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .score .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .score .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .score .old[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 30px;
    font-size: 24px;
    font-weight: 700;
    display: block
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .score:not(.animate) .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .score:not(.animate) .old[data-v-4a196d68] {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    opacity: 0
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .score:not(.animate) .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .score:not(.animate) .new[data-v-4a196d68] {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%)
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .score.animate .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .score.animate .old[data-v-4a196d68] {
    animation-name: goal-old-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: goal-old-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: goal-old-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: goal-old-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box .score.animate .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box .score.animate .new[data-v-4a196d68] {
    animation-name: goal-new-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .2s;
    -webkit-animation-name: goal-new-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .2s;
    -moz-animation-name: goal-new-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .2s;
    -o-animation-name: goal-new-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .2s;
    opacity: 0
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box.left-box .score[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box.right-box .name[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box.left-box .score[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box.right-box .name[data-v-4a196d68] {
    text-align: right
}

.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .left-box.right-box .ele-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .penalty-shootout-box .bottom-boxs .right-box.right-box .ele-box[data-v-4a196d68] {
    flex-direction: row-reverse
}

.football-animate .animate-child .animate-svg .penalty-shootout-box.page-show .tips[data-v-4a196d68] {
    animation-name: translateX-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .15s;
    -webkit-animation-name: translateX-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .15s;
    -moz-animation-name: translateX-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .15s;
    -o-animation-name: translateX-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .15s
}

.football-animate .animate-child .animate-svg .penalty-shootout-box.page-show .bottom-boxs[data-v-4a196d68] {
    animation-name: translateY-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: translateY-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: translateY-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: translateY-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s
}

.football-animate .animate-child .animate-svg .penalty-shootout-box.home .tips[data-v-4a196d68] {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.9));
    border-radius: 0 22px 22px 0;
    padding: 0 35px 0 65px;
    left: 16px
}

.football-animate .animate-child .animate-svg .penalty-shootout-box.away .tips[data-v-4a196d68] {
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -o-transform: translateX(200%);
    background: linear-gradient(-90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.9));
    border-radius: 22px 0 0 22px;
    padding: 0 65px 0 35px;
    right: 16px
}

.football-animate .animate-child .animate-svg .goal-box[data-v-4a196d68] {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .goal-box .player[data-v-4a196d68] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    padding-bottom: 7px;
    line-height: 34px;
    padding-top: 7px;
    align-items: center;
    margin-top: 22px;
    position: absolute;
    display: flex;
    top: 282px
}

.football-animate .animate-child .animate-svg .goal-box .player .before[data-v-4a196d68] {
    animation-name: width-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;
    -webkit-animation-name: width-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.6s;
    -moz-animation-name: width-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.6s;
    -o-animation-name: width-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.6s;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 17px;
    position: absolute;
    height: 100%;
    opacity: 0;
    width: 0;
    top: 0
}

.football-animate .animate-child .animate-svg .goal-box .player .text[data-v-4a196d68] {
    animation-name: opacity-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.8s;
    -webkit-animation-name: opacity-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.8s;
    -moz-animation-name: opacity-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.8s;
    -o-animation-name: opacity-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.8s;
    font-family: "Roboto";
    line-height: 20px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    opacity: 0
}

.football-animate .animate-child .animate-svg .goal-box .player .logo[data-v-4a196d68] {
    animation-name: scale-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.5s;
    -webkit-animation-name: scale-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.5s;
    -moz-animation-name: scale-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.5s;
    -o-animation-name: scale-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.5s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    background: no-repeat 50%;
    border-radius: 50%;
    position: absolute;
    margin-top: -20px;
    height: 40px;
    width: 40px;
    opacity: 0;
    top: 50%;
    left: 0
}

.football-animate .animate-child .animate-svg .goal-box .team-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score[data-v-4a196d68] {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 6px;
    position: absolute;
    opacity: 0
}

.football-animate .animate-child .animate-svg .goal-box .team-box[data-v-4a196d68] {
    border-radius: 6px;
    overflow: hidden;
    bottom: 85px;
    display: flex
}

.football-animate .animate-child .animate-svg .goal-box .team-box .title[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 56px;
    padding: 0 16px;
    font-size: 30px;
    font-weight: 700
}

.football-animate .animate-child .animate-svg .goal-box .team-box .box[data-v-4a196d68] {
    align-items: center;
    padding: 0 16px;
    display: flex;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .animate-svg .goal-box .team-box .box .logo[data-v-4a196d68] {
    background: no-repeat 50%;
    height: 32px;
    width: 32px
}

.football-animate .animate-child .animate-svg .goal-box .team-box .box .name[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 20px;
    font-size: 16px;
    font-weight: 400
}

.football-animate .animate-child .animate-svg .goal-box .team-score[data-v-4a196d68] {
    padding: 7px 20px;
    align-items: center;
    bottom: 24px;
    display: flex
}

.football-animate .animate-child .animate-svg .goal-box .team-score .time[data-v-4a196d68] {
    font-family: "Roboto";
    justify-content: center;
    border-radius: 2px;
    align-items: center;
    font-size: 14px;
    min-width: 19px;
    padding: 0 4px;
    font-weight: 500;
    height: 26px;
    display: flex
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box[data-v-4a196d68] {
    align-items: center;
    display: flex;
    flex: 1
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .or[data-v-4a196d68] {
    font-family: PingFangSC-Semibold,PingFang SC;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
    margin: 0 16px
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home[data-v-4a196d68] {
    height: 30px;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away .val[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home .val[data-v-4a196d68] {
    flex-direction: column;
    display: inline-block;
    position: relative;
    text-align: center;
    height: 100%
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away .val .line[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home .val .line[data-v-4a196d68] {
    border-radius: 2px;
    position: absolute;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away .val .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home .val .old[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    display: block
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away.home[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home.home[data-v-4a196d68] {
    text-align: right
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away.away[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home.away[data-v-4a196d68] {
    text-align: left
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away:not(.animate) .val .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home:not(.animate) .val .old[data-v-4a196d68] {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    opacity: 0
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away:not(.animate) .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home:not(.animate) .val .new[data-v-4a196d68] {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%)
}

.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .away.animate .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box .team-score .score-box .home.animate .val .new[data-v-4a196d68] {
    opacity: 0
}

.football-animate .animate-child .animate-svg .goal-box.home .player[data-v-4a196d68] {
    padding-right: 48px;
    padding-left: 12px
}

.football-animate .animate-child .animate-svg .goal-box.home .player .before[data-v-4a196d68] {
    right: 0
}

.football-animate .animate-child .animate-svg .goal-box.home .player .logo[data-v-4a196d68] {
    margin-left: -40px;
    left: 100%
}

.football-animate .animate-child .animate-svg .goal-box.away .player[data-v-4a196d68] {
    padding-right: 12px;
    padding-left: 48px
}

.football-animate .animate-child .animate-svg .goal-box.away .player .before[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.away .player .logo[data-v-4a196d68] {
    left: 0
}

.football-animate .animate-child .animate-svg .goal-box:not(.player-none) .team-box[data-v-4a196d68] {
    animation-name: translateX-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
    -webkit-animation-name: translateX-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.9s;
    -moz-animation-name: translateX-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.9s;
    -o-animation-name: translateX-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.9s
}

.football-animate .animate-child .animate-svg .goal-box:not(.player-none) .team-score[data-v-4a196d68] {
    animation-name: translateX-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2.3s;
    -webkit-animation-name: translateX-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2.3s;
    -moz-animation-name: translateX-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 2.3s;
    -o-animation-name: translateX-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 2.3s
}

.football-animate .animate-child .animate-svg .goal-box:not(.player-none) .team-score .score-box .away.animate .val .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box:not(.player-none) .team-score .score-box .home.animate .val .old[data-v-4a196d68] {
    animation-name: goal-old-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2.5s;
    -webkit-animation-name: goal-old-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2.5s;
    -moz-animation-name: goal-old-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 2.5s;
    -o-animation-name: goal-old-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 2.5s
}

.football-animate .animate-child .animate-svg .goal-box:not(.player-none) .team-score .score-box .away.animate .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box:not(.player-none) .team-score .score-box .home.animate .val .new[data-v-4a196d68] {
    animation-name: goal-new-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2.6s;
    -webkit-animation-name: goal-new-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2.6s;
    -moz-animation-name: goal-new-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 2.6s;
    -o-animation-name: goal-new-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 2.6s
}

.football-animate .animate-child .animate-svg .goal-box.player-none .team-box[data-v-4a196d68] {
    animation-name: translateX-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.3s;
    -webkit-animation-name: translateX-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.3s;
    -moz-animation-name: translateX-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.3s;
    -o-animation-name: translateX-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.3s
}

.football-animate .animate-child .animate-svg .goal-box.player-none .team-score[data-v-4a196d68] {
    animation-name: translateX-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.7s;
    -webkit-animation-name: translateX-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.7s;
    -moz-animation-name: translateX-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.7s;
    -o-animation-name: translateX-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.7s
}

.football-animate .animate-child .animate-svg .goal-box.player-none .team-score .score-box .away.animate .val .old[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.player-none .team-score .score-box .home.animate .val .old[data-v-4a196d68] {
    animation-name: goal-old-4a196d68;
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 1.9s;
    -webkit-animation-name: goal-old-4a196d68;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.9s;
    -moz-animation-name: goal-old-4a196d68;
    -moz-animation-duration: .25s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.9s;
    -o-animation-name: goal-old-4a196d68;
    -o-animation-duration: .25s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1.9s
}

.football-animate .animate-child .animate-svg .goal-box.player-none .team-score .score-box .away.animate .val .new[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.player-none .team-score .score-box .home.animate .val .new[data-v-4a196d68] {
    animation-name: goal-new-4a196d68;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    -webkit-animation-name: goal-new-4a196d68;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 2s;
    -moz-animation-name: goal-new-4a196d68;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 2s;
    -o-animation-name: goal-new-4a196d68;
    -o-animation-duration: .2s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 2s
}

.football-animate .animate-child .animate-svg .goal-box:not(.is-alabo) .player[data-v-4a196d68] {
    right: 42px
}

.football-animate .animate-child .animate-svg .goal-box:not(.is-alabo) .team-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box:not(.is-alabo) .team-score[data-v-4a196d68] {
    left: 24px
}

.football-animate .animate-child .animate-svg .goal-box:not(.is-alabo) .team-box.team-box .box .logo[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box:not(.is-alabo) .team-score.team-box .box .logo[data-v-4a196d68] {
    margin-right: 8px
}

.football-animate .animate-child .animate-svg .goal-box:not(.is-alabo) .team-box.team-score .time[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box:not(.is-alabo) .team-score.team-score .time[data-v-4a196d68] {
    margin-right: 18px
}

.football-animate .animate-child .animate-svg .goal-box:not(.is-alabo) .team-box.team-score .score-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box:not(.is-alabo) .team-score.team-score .score-box[data-v-4a196d68] {
    margin-left: 8px
}

.football-animate .animate-child .animate-svg .goal-box.is-alabo .lottie-box[data-v-4a196d68] {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1)
}

.football-animate .animate-child .animate-svg .goal-box.is-alabo .player[data-v-4a196d68] {
    left: 42px
}

.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-score[data-v-4a196d68] {
    right: 24px
}

.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-box.team-box .box[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-box.team-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-score.team-box .box[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-score.team-box[data-v-4a196d68] {
    flex-direction: row-reverse
}

.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-box.team-box .box .logo[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-score.team-box .box .logo[data-v-4a196d68] {
    margin-left: 8px
}

.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-box.team-score[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-score.team-score[data-v-4a196d68] {
    flex-direction: row-reverse
}

.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-box.team-score .time[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-score.team-score .time[data-v-4a196d68] {
    margin-left: 18px
}

.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-box.team-score .score-box[data-v-4a196d68],.football-animate .animate-child .animate-svg .goal-box.is-alabo .team-score.team-score .score-box[data-v-4a196d68] {
    margin-right: 8px
}

.football-animate .animate-child .animate-svg .time-page[data-v-4a196d68] {
    animation-name: opacity-fn-4a196d68;
    animation-duration: .6s;
    animation-timing-function: cubic-bezier(1,.04,.57,.96);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .3s;
    -webkit-animation-name: opacity-fn-4a196d68;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: cubic-bezier(1,.04,.57,.96);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    -moz-animation-name: opacity-fn-4a196d68;
    -moz-animation-duration: .6s;
    -moz-animation-timing-function: cubic-bezier(1,.04,.57,.96);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .3s;
    -o-animation-name: opacity-fn-4a196d68;
    -o-animation-duration: .6s;
    -o-animation-timing-function: cubic-bezier(1,.04,.57,.96);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .3s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background-color: rgba(0,0,0,.6);
    position: absolute;
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
    padding: 0 10px;
    height: 20px;
    color: #fff;
    opacity: 0;
    left: 50%;
    top: 0
}

.football-animate .animate-child .animate-svg.isTabStatistics .dzs-svg-box[data-v-4a196d68] {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px)
}

.football-animate .animate-child .data-box[data-v-4a196d68] {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    align-items: center;
    position: absolute;
    overflow: hidden;
    display: flex;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.football-animate .animate-child .data-box .container[data-v-4a196d68] {
    animation-name: opacity-fn-4a196d68;
    animation-duration: .45s;
    animation-timing-function: cubic-bezier(.18,.61,.58,1);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .1s;
    -webkit-animation-name: opacity-fn-4a196d68;
    -webkit-animation-duration: .45s;
    -webkit-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation-name: opacity-fn-4a196d68;
    -moz-animation-duration: .45s;
    -moz-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -o-animation-name: opacity-fn-4a196d68;
    -o-animation-duration: .45s;
    -o-animation-timing-function: cubic-bezier(.18,.61,.58,1);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s;
    opacity: 0
}

.football-animate .animate-child .data-box .container .swiper-wrapper[data-v-4a196d68] {
    backface-visibility: hidden;
    -ms-perspective: 1000;
    perspective: 1000;
    transform: translateZ(0);
    height: auto;
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide[data-v-4a196d68] {
    justify-content: center;
    align-items: center;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide .slide-box[data-v-4a196d68] {
    font-family: ""Roboto"";
    min-height: 324px;
    width: 510px;
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide .slide-box .title-box[data-v-4a196d68] {
    padding: 10px 16px;
    line-height: 22px;
    font-size: 18px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide .slide-box .title-box .text[data-v-4a196d68] {
    margin-bottom: 4px;
    font-weight: 500;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide .slide-box .title-box .time[data-v-4a196d68] {
    font-weight: 400;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box[data-v-4a196d68] {
    position: relative;
    font-family: "Roboto"
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .venue[data-v-4a196d68] {
    justify-content: center;
    line-height: 24px;
    margin-top: 28px;
    font-size: 20px;
    font-weight: 400;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .venue.grey[data-v-4a196d68] {
    position: absolute;
    content: "";
    bottom: 5px;
    left: 0;
    color: #4d4747;
    height: 10px;
    padding: 0 24px;
    display: flex;
    margin-top: 0;
    line-height: 10px;
    font-size: 10px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .capacity[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .loction[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .tip1[data-v-4a196d68] {
    font-family: "Roboto";
    justify-content: center;
    font-weight: 400;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .tip1[data-v-4a196d68] {
    margin: 13px 0 1px;
    line-height: 22px;
    font-size: 18px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .capacity[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .loction[data-v-4a196d68] {
    line-height: 24px;
    margin-top: 5px;
    font-size: 20px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box[data-v-4a196d68] {
    margin: 12px 24px 0;
    border-top: 1px solid;
    padding: 12px 0;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.away[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.home[data-v-4a196d68] {
    align-items: center;
    display: flex;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.away .logo[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.home .logo[data-v-4a196d68] {
    background: no-repeat 50%;
    height: 38px;
    width: 38px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.away .name-box[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.home .name-box[data-v-4a196d68] {
    font-family: "Roboto";
    font-weight: 400;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.away .name-box .coach[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.home .name-box .coach[data-v-4a196d68] {
    margin-bottom: 4px;
    line-height: 20px;
    font-size: 16px;
    display: block
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.away .name-box .name[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.home .name-box .name[data-v-4a196d68] {
    line-height: 18px;
    font-size: 18px;
    display: block
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.away.home .logo[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.home.home .logo[data-v-4a196d68] {
    margin-right: 8px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.away.away[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.home.away[data-v-4a196d68] {
    text-align: right
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.away.away .logo[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .team-box>.home.away .logo[data-v-4a196d68] {
    margin-left: 8px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .ele-box[data-v-4a196d68] {
    border-top: 1px solid;
    align-items: center;
    padding: 14px 0;
    margin: 0 24px;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .ele-box li[data-v-4a196d68] {
    justify-content: center;
    align-items: center;
    display: flex;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .ele-box li .iconfont[data-v-4a196d68] {
    font-size: 22px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .ele-box li .text[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 24px;
    margin-left: 4px;
    margin-top: 4px;
    font-size: 20px;
    font-weight: 400
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .ele-box li[data-v-4a196d68]:first-child {
    justify-content: flex-start
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.venue-information .slide-box .ele-box li[data-v-4a196d68]:last-child {
    justify-content: flex-end
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .t1[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .t2[data-v-4a196d68] {
    font-family: "Roboto";
    justify-content: center;
    line-height: 30px;
    font-size: 24px;
    font-weight: 700;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .t1.t1[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .t2.t1[data-v-4a196d68] {
    margin: 34px 0
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .t1.t2[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .t2.t2[data-v-4a196d68] {
    margin: 40px 0 16px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .time-box[data-v-4a196d68] {
    justify-content: center;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .time-box li[data-v-4a196d68] {
    position: relative;
    text-align: center;
    margin: 0 12px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .time-box li .value[data-v-4a196d68] {
    font-family: "Roboto";
    display: inline-block;
    line-height: 42px;
    vertical-align: top;
    position: relative;
    font-size: 24px;
    font-weight: 500;
    height: 42px;
    width: 42px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .time-box li .value .tick[data-v-4a196d68] {
    border-radius: 3px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .time-box li .text[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 24px;
    font-size: 18px;
    margin-top: 12px;
    font-weight: 400;
    display: block
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .about-to-start[data-v-4a196d68] {
    padding-top: 46px;
    text-align: center;
    display: block
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .about-to-start .svg-icon[data-v-4a196d68] {
    height: 60px;
    width: 60px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .about-to-start .text[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 30px;
    margin-top: 24px;
    font-size: 24px;
    font-weight: 700;
    display: block
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box[data-v-4a196d68] {
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .center-box .score-box[data-v-4a196d68] {
    align-items: center;
    margin-top: 6px;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .center-box .score-box .text[data-v-4a196d68] {
    font-family: "Roboto";
    justify-content: center;
    border-radius: 3px;
    align-items: center;
    font-size: 22px;
    font-weight: 500;
    height: 42px;
    width: 42px;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .center-box .score-box .or[data-v-4a196d68] {
    font-family: PingFangSC-Semibold,PingFang SC;
    line-height: 16px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    width: 38px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .center-box .pen[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .center-box .tips[data-v-4a196d68] {
    font-family: "Roboto";
    justify-content: center;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .center-box .pen.tips[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .center-box .tips.tips[data-v-4a196d68] {
    margin-top: 15px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .center-box .pen.pen[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .center-box .tips.pen[data-v-4a196d68] {
    margin-top: 4px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .away[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .home[data-v-4a196d68] {
    text-align: center;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .away .logo[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .home .logo[data-v-4a196d68] {
    background: no-repeat 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    height: 54px;
    width: 54px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .away .name[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.kickoff-time .slide-box .team-box .home .name[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 24px;
    margin-top: 8px;
    font-size: 18px;
    font-weight: 500;
    display: block
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data[data-v-4a196d68] {
    margin: 12px 50px 0;
    text-align: left;
    display: block
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data .title[data-v-4a196d68] {
    font-family: "Roboto";
    margin-bottom: 1px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 500
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul[data-v-4a196d68] {
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li[data-v-4a196d68] {
    text-align: center;
    margin: 0 2px;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li[data-v-4a196d68]:first-child {
    margin-left: 0
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li:first-child .name[data-v-4a196d68] {
    border-radius: 6px 0 0
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li:first-child .text[data-v-4a196d68] {
    border-radius: 0 0 0 6px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li[data-v-4a196d68]:last-child {
    margin-right: 0
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li:last-child .name[data-v-4a196d68] {
    border-radius: 0 6px 0 0
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li:last-child .text[data-v-4a196d68] {
    border-radius: 0 0 6px 0
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li .name[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li .text[data-v-4a196d68] {
    display: block
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li .name[data-v-4a196d68] {
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 28px;
    font-size: 18px;
    overflow: hidden
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li .text[data-v-4a196d68] {
    border-width: 0 1px 1px;
    border-style: solid;
    line-height: 35px;
    font-size: 20px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li .iconfont[data-v-4a196d68] {
    font-size: 14px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box[data-v-4a196d68] {
    flex-direction: column;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .title-box[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 30px;
    text-align: center;
    font-size: 24px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box[data-v-4a196d68] {
    justify-content: center;
    flex-direction: column;
    display: flex;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list[data-v-4a196d68] {
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li[data-v-4a196d68] {
    text-align: center;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li .echart[data-v-4a196d68] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 60px;
    width: 60px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li .echart .iconfont[data-v-4a196d68] {
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    position: absolute;
    font-size: 36px;
    left: 50%;
    top: 50%
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li .echart .away[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li .echart .home[data-v-4a196d68] {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-family: "Roboto";
    line-height: 28px;
    position: absolute;
    font-size: 24px;
    font-weight: 500;
    top: 50%
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li .echart .away.home[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li .echart .home.home[data-v-4a196d68] {
    margin-right: 8px;
    right: 100%
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li .echart .away.away[data-v-4a196d68],.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li .echart .home.away[data-v-4a196d68] {
    margin-left: 8px;
    left: 100%
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-one .slide-box .child-box .list li .tip[data-v-4a196d68] {
    font-family: "Roboto";
    justify-content: center;
    line-height: 24px;
    margin-top: 34px;
    font-size: 20px;
    font-weight: 400;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box[data-v-4a196d68] {
    flex-direction: column;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box .title-box[data-v-4a196d68] {
    font-family: "Roboto";
    line-height: 30px;
    text-align: center;
    font-size: 24px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box .list-box[data-v-4a196d68] {
    align-items: center;
    margin: 0 16px;
    display: flex;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box .list-box .list[data-v-4a196d68] {
    overflow: hidden;
    flex-wrap: wrap;
    display: flex;
    min-width: 0;
    flex: 1
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box .list-box .list li[data-v-4a196d68] {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 8px 0;
    flex: 1 1 33%;
    bottom: -1px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box .list-box .list li .echart[data-v-4a196d68] {
    justify-content: center;
    display: flex
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box .list-box .list li .echart .ele[data-v-4a196d68] {
    margin: 26px 5px 0;
    position: relative;
    height: 50px;
    width: 16px
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box .list-box .list li .echart .ele .line[data-v-4a196d68] {
    position: absolute;
    min-height: 2px;
    width: 100%;
    bottom: 0;
    left: 0
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box .list-box .list li .echart .ele .line[data-v-4a196d68]:before {
    font-family: "Roboto";
    content: attr(data-val);
    justify-content: center;
    line-height: 26px;
    position: absolute;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    bottom: 100%;
    right: 0;
    left: 0
}

.football-animate .animate-child .data-box .container .swiper-wrapper .swiper-slide.match-stats-tow .slide-box .list-box .list li .tip[data-v-4a196d68] {
    font-family: "Roboto";
    justify-content: center;
    line-height: 24px;
    text-align: center;
    margin-top: 9px;
    font-size: 20px;
    font-weight: 400;
    display: flex
}

.football-animate .animate-child .data-box .swiper-pagination[data-v-4a196d68] {
    justify-content: center;
    position: absolute;
    bottom: 13px;
    width: 100%;
    right: 0;
    left: 0
}

.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide.match-information .slide-box .table ul li[data-v-4a196d68],.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide .slide-box .title-box .text[data-v-4a196d68],.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide .slide-box .title-box .time[data-v-4a196d68] {
    flex-direction: row-reverse
}

.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide.match-information .slide-box .table ul li .team-box[data-v-4a196d68] {
    justify-content: flex-end
}

.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide.odds .slide-box .data .title[data-v-4a196d68] {
    text-align: right
}

.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul[data-v-4a196d68] {
    flex-direction: row-reverse
}

.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li:first-child .name[data-v-4a196d68] {
    border-radius: 0 6px 0 0
}

.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li:first-child .text[data-v-4a196d68] {
    border-radius: 0 0 6px 0
}

.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li:last-child .name[data-v-4a196d68] {
    border-radius: 6px 0 0
}

.football-animate .animate-child .data-box.is-alabo .container .swiper-wrapper .swiper-slide.odds .slide-box .data ul li:last-child .text[data-v-4a196d68] {
    border-radius: 0 0 0 6px
}

.football-animate .animate-child .data-box.is-alabo .container .swiper-pagination[data-v-4a196d68] {
    position: relative;
    margin-top: 12px;
    width: 100%;
    bottom: 0
}

.football-animate .animate-child .bottom-tips-box[data-v-4a196d68] {
    position: absolute;
    left: 41px;
    right: 41px
}

.football-animate .animate-child .bottom-tips-box>.after[data-v-4a196d68],.football-animate .animate-child .bottom-tips-box[data-v-4a196d68]:before {
    position: absolute;
    content: "";
    z-index: 0
}

.football-animate .animate-child .bottom-tips-box[data-v-4a196d68]:before {
    animation-name: odds-tips-box-before-4a196d68;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(.4,-.01,0,1.36);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .7s;
    -webkit-animation-name: odds-tips-box-before-4a196d68;
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(.4,-.01,0,1.36);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .7s;
    -moz-animation-name: odds-tips-box-before-4a196d68;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: cubic-bezier(.4,-.01,0,1.36);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .7s;
    -o-animation-name: odds-tips-box-before-4a196d68;
    -o-animation-duration: .8s;
    -o-animation-timing-function: cubic-bezier(.4,-.01,0,1.36);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .7s;
    background-color: rgba(8,38,11,.4);
    width: 100%;
    height: 0;
    left: 0;
    top: 0
}

.football-animate .animate-child .bottom-tips-box>.after[data-v-4a196d68] {
    animation-name: odds-tips-box-after-4a196d68;
    animation-duration: .3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .2s;
    -webkit-animation-name: odds-tips-box-after-4a196d68;
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .2s;
    -moz-animation-name: odds-tips-box-after-4a196d68;
    -moz-animation-duration: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .2s;
    -o-animation-name: odds-tips-box-after-4a196d68;
    -o-animation-duration: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .2s;
    background-color: #9bd65f;
    height: 4px;
    left: 50%;
    width: 0;
    top: 0
}

.football-animate .animate-child .bottom-tips-box .child[data-v-4a196d68] {
    animation-name: opacity-fn-4a196d68;
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.4,-.01,0,1.36);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .85s;
    -webkit-animation-name: opacity-fn-4a196d68;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: cubic-bezier(.4,-.01,0,1.36);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .85s;
    -moz-animation-name: opacity-fn-4a196d68;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: cubic-bezier(.4,-.01,0,1.36);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .85s;
    -o-animation-name: opacity-fn-4a196d68;
    -o-animation-duration: .5s;
    -o-animation-timing-function: cubic-bezier(.4,-.01,0,1.36);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .85s;
    align-items: center;
    position: relative;
    margin: 12px 0 8px;
    display: flex;
    z-index: 1;
    opacity: 0
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .title[data-v-4a196d68] {
    margin: 0 40px 0 16px;
    font-size: 20px;
    color: #fff
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list[data-v-4a196d68] {
    margin-right: 8px;
    display: flex;
    flex: 1
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li[data-v-4a196d68] {
    border-radius: 2px;
    position: relative;
    text-align: center;
    margin: 0 7px;
    flex: 1
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li[data-v-4a196d68]:first-child {
    margin-left: 0
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li[data-v-4a196d68]:last-child {
    margin-right: 0
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li .after[data-v-4a196d68],.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li[data-v-4a196d68]:before {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    line-height: 24px;
    font-size: 12px;
    height: 24px;
    color: #fff
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li .after[data-v-4a196d68]:after,.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li .after[data-v-4a196d68]:before,.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li[data-v-4a196d68]:before:after,.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li[data-v-4a196d68]:before:before {
    content: "";
    display: table
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li[data-v-4a196d68]:before {
    content: attr(data-title);
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    overflow: hidden;
    padding: 0 5px
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li .after[data-v-4a196d68] {
    background-color: rgba(0,0,0,.2);
    border-radius: 0 0 2px 2px;
    content: attr(data-val);
    margin-top: 24px
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li .mask[data-v-4a196d68] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    color: #fff;
    opacity: 0;
    bottom: 0;
    left: 0
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li .mask[data-v-4a196d68]:before {
    content: "\e68a"
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li.off[data-v-4a196d68]:after {
    content: ""
}

.football-animate .animate-child .bottom-tips-box.odds-tips-box .child .list li.off .mask[data-v-4a196d68] {
    opacity: 1
}

.football-animate .animate-child .bottom-tips-box.message-box .child .iconfont[data-v-4a196d68] {
    margin: 0 16px;
    font-size: 48px;
    color: #fff
}

.football-animate .animate-child .bottom-tips-box.message-box .child .text[data-v-4a196d68] {
    word-break: break-word;
    font-size: 16px;
    color: #fff;
    flex: 1
}

.football-animate .animate-child .tab-statistics-box[data-v-4a196d68] {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    bottom: 0;
    left: 0
}

.football-animate .animate-child .tab-statistics-box ul[data-v-4a196d68] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    pointer-events: auto;
    display: flex
}

.football-animate .animate-child .tab-statistics-box ul[data-v-4a196d68]:after,.football-animate .animate-child .tab-statistics-box ul[data-v-4a196d68]:before {
    content: "";
    display: table
}

.football-animate .animate-child .tab-statistics-box ul li[data-v-4a196d68] {
    text-align: center;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    flex: 1
}

.football-animate .animate-child .tab-statistics-box ul li .before[data-v-4a196d68] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    position: absolute;
    height: 4px;
    content: "";
    left: 50%;
    bottom: 0;
    width: 0
}

.football-animate .animate-child .tab-statistics-box ul li .iconfont[data-v-4a196d68] {
    vertical-align: middle;
    display: inline-block;
    font-size: 23px
}

.football-animate .animate-child .tab-statistics-box ul li.active .before[data-v-4a196d68],.football-animate .animate-child .tab-statistics-box ul li:hover .before[data-v-4a196d68] {
    width: 100%;
    left: 0
}

.football-animate .animate-child.goal .nami-logo[data-v-4a196d68] {
    display: none
}

.football-animate .animate-child.show-lineup .animate-svg .dzs-svg-box .lineup-box[data-v-4a196d68] {
    display: block
}

.football-animate .animate-child.show-lineup .data-box[data-v-4a196d68] {
    display: none
}

.football-animate.view-3d .animate-child .animate-svg .dzs-svg-box .g-line-box .qm[data-v-4a196d68],.football-animate.view-3d .animate-child .animate-svg .dzs-svg-box .g-line-box .qx[data-v-4a196d68] {
    fill: none
}

.football-animate.view-3d .animate-child .animate-svg .dzs-svg-box .g-line-box .qm.qx[data-v-4a196d68],.football-animate.view-3d .animate-child .animate-svg .dzs-svg-box .g-line-box .qx.qx[data-v-4a196d68] {
    stroke: url(#linear-gradient-3d-line)
}

.error-box[data-v-4a196d68] {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0
}

.error-box .child[data-v-4a196d68] {
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    display: inline-block;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%
}

.error-box .child .icon[data-v-4a196d68] {
    height: 200px;
    width: 200px
}

.error-box .child .text[data-v-4a196d68] {
    margin-top: 30px;
    font-size: 14px;
    display: block;
    color: #666
}

.setting-animate-box[data-v-4a196d68] {
    background-color: #e9e9e9;
    padding: 10px 5px 0;
    position: relative;
    display: block;
    font-size: 0;
    z-index: 2
}

.setting-animate-box li[data-v-4a196d68] {
    box-shadow: 0 0 1px #bebebe;
    background: #f7f8fa;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    margin: 0 5px 10px;
    line-height: 20px;
    font-size: 12px;
    cursor: pointer;
    padding: 0 5px
}

.setting-animate-box li[data-v-4a196d68]:active {
    background: #b4b4b4;
    color: #000
}

.float-left[data-v-ae27e270] {
    float: left
}

.float-right[data-v-ae27e270] {
    float: right
}

.clear-twinkle[data-v-ae27e270] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-ae27e270 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-hide-ae27e270 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-ae27e270 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-ae27e270 {
    to {
        opacity: 0
    }
}

@keyframes dash-ae27e270 {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes opacity-fn-ae27e270 {
    to {
        opacity: 1
    }
}

@keyframes scale-ae27e270 {
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1
    }
}

@keyframes translateY-ae27e270 {
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1
    }
}

@keyframes translateX-ae27e270 {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes tracing-line-radius-ae27e270 {
    to {
        r: 3;
        opacity: 1
    }
}

@keyframes tracing-line-radius-g-circle-1-ae27e270 {
    0% {
        stroke-width: 4px;
        r: 7
    }

    10% {
        stroke-width: 2px;
        r: 4
    }

    20% {
        stroke-width: 4px;
        r: 7
    }
}

@keyframes tracing-line-radius-g-circle-2-ae27e270 {
    0% {
        stroke-width: 4px;
        r: 7;
        opacity: 0
    }

    10% {
        stroke-width: 4px;
        r: 11;
        opacity: 1
    }

    30% {
        stroke-width: 4px;
        r: 11;
        opacity: 0
    }
}

@keyframes tracing-line-radius-g-circle-3-ae27e270 {
    0% {
        stroke-width: 0;
        r: 11;
        opacity: 0
    }

    10% {
        stroke-width: 1px;
        r: 22;
        opacity: 1
    }

    30% {
        stroke-width: 1px;
        r: 22;
        opacity: 0
    }
}

@keyframes attack-home-ae27e270 {
    0% {
        transform: translateX(-240px);
        -webkit-transform: translateX(-240px);
        -moz-transform: translateX(-240px);
        -o-transform: translateX(-240px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes attack-text-box-title-ae27e270 {
    to {
        width: 302px;
        opacity: 1
    }
}

@keyframes attack-text-box-name-box-rect-home-ae27e270 {
    to {
        width: 330px;
        opacity: 1;
        x: 0
    }
}

@keyframes attack-text-box-name-box-rect-away-ae27e270 {
    to {
        width: 330px;
        opacity: 1
    }
}

@keyframes attack-text-box-name-box-rect-3d-home-ae27e270 {
    to {
        width: 238px;
        opacity: 1;
        x: 110px
    }
}

@keyframes attack-text-box-name-box-rect-3d-away-ae27e270 {
    to {
        width: 238px;
        opacity: 1;
        x: 0
    }
}

@keyframes attack-away-ae27e270 {
    0% {
        transform: translateX(240px);
        -webkit-transform: translateX(240px);
        -moz-transform: translateX(240px);
        -o-transform: translateX(240px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes attack-move-home-ae27e270 {
    15% {
        opacity: 1
    }

    65% {
        transform: translate(60px);
        -webkit-transform: translate(60px);
        -moz-transform: translate(60px);
        -o-transform: translate(60px);
        opacity: 0
    }
}

@keyframes attack-move-away-ae27e270 {
    15% {
        opacity: 1
    }

    65% {
        transform: translate(-60px);
        -webkit-transform: translate(-60px);
        -moz-transform: translate(-60px);
        -o-transform: translate(-60px);
        opacity: 0
    }
}

@keyframes point-bg-ae27e270 {
    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }
}

@keyframes tips-box-score-ae27e270 {
    to {
        margin-top: -30px
    }
}

@keyframes tips-box-score-off-ae27e270 {
    to {
        margin-top: 0
    }
}

@keyframes tips-box-ov-box-ae27e270 {
    to {
        width: 100%;
        opacity: 1
    }
}

.ball-box .tf-origin-14[data-v-ae27e270] {
    transform-origin: 14px 14px;
    -webkit-transform-origin: 14px 14px;
    -moz-transform-origin: 14px 14px;
    -o-transform-origin: 14px 14px
}

.ball-box .tf-origin-7[data-v-ae27e270] {
    transform-origin: 7px 7px;
    -webkit-transform-origin: 7px 7px;
    -moz-transform-origin: 7px 7px;
    -o-transform-origin: 7px 7px
}

.ball-box .radius-line[data-v-ae27e270] {
    opacity: 0
}

.float-left[data-v-b049d028] {
    float: left
}

.float-right[data-v-b049d028] {
    float: right
}

.clear-twinkle[data-v-b049d028] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-b049d028 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-hide-b049d028 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-b049d028 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-b049d028 {
    to {
        opacity: 0
    }
}

@keyframes dash-b049d028 {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes opacity-fn-b049d028 {
    to {
        opacity: 1
    }
}

@keyframes scale-b049d028 {
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1
    }
}

@keyframes translateY-b049d028 {
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1
    }
}

@keyframes translateX-b049d028 {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes tracing-line-radius-b049d028 {
    to {
        r: 3;
        opacity: 1
    }
}

@keyframes tracing-line-radius-g-circle-1-b049d028 {
    0% {
        stroke-width: 4px;
        r: 7
    }

    10% {
        stroke-width: 2px;
        r: 4
    }

    20% {
        stroke-width: 4px;
        r: 7
    }
}

@keyframes tracing-line-radius-g-circle-2-b049d028 {
    0% {
        stroke-width: 4px;
        r: 7;
        opacity: 0
    }

    10% {
        stroke-width: 4px;
        r: 11;
        opacity: 1
    }

    30% {
        stroke-width: 4px;
        r: 11;
        opacity: 0
    }
}

@keyframes tracing-line-radius-g-circle-3-b049d028 {
    0% {
        stroke-width: 0;
        r: 11;
        opacity: 0
    }

    10% {
        stroke-width: 1px;
        r: 22;
        opacity: 1
    }

    30% {
        stroke-width: 1px;
        r: 22;
        opacity: 0
    }
}

@keyframes attack-home-b049d028 {
    0% {
        transform: translateX(-240px);
        -webkit-transform: translateX(-240px);
        -moz-transform: translateX(-240px);
        -o-transform: translateX(-240px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes attack-text-box-title-b049d028 {
    to {
        width: 302px;
        opacity: 1
    }
}

@keyframes attack-text-box-name-box-rect-home-b049d028 {
    to {
        width: 330px;
        opacity: 1;
        x: 0
    }
}

@keyframes attack-text-box-name-box-rect-away-b049d028 {
    to {
        width: 330px;
        opacity: 1
    }
}

@keyframes attack-text-box-name-box-rect-3d-home-b049d028 {
    to {
        width: 238px;
        opacity: 1;
        x: 110px
    }
}

@keyframes attack-text-box-name-box-rect-3d-away-b049d028 {
    to {
        width: 238px;
        opacity: 1;
        x: 0
    }
}

@keyframes attack-away-b049d028 {
    0% {
        transform: translateX(240px);
        -webkit-transform: translateX(240px);
        -moz-transform: translateX(240px);
        -o-transform: translateX(240px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes attack-move-home-b049d028 {
    15% {
        opacity: 1
    }

    65% {
        transform: translate(90px);
        -webkit-transform: translate(90px);
        -moz-transform: translate(90px);
        -o-transform: translate(90px);
        opacity: 0
    }
}

@keyframes attack-move-away-b049d028 {
    15% {
        opacity: 1
    }

    65% {
        transform: translate(-90px);
        -webkit-transform: translate(-90px);
        -moz-transform: translate(-90px);
        -o-transform: translate(-90px);
        opacity: 0
    }
}

@keyframes point-bg-b049d028 {
    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }
}

@keyframes tips-box-score-b049d028 {
    to {
        margin-top: -30px
    }
}

@keyframes tips-box-score-off-b049d028 {
    to {
        margin-top: 0
    }
}

@keyframes tips-box-ov-box-b049d028 {
    to {
        width: 100%;
        opacity: 1
    }
}

.vs-widget[data-v-b049d028] {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    font-family: "Roboto";
    flex-direction: column;
    position: relative;
    display: flex;
    font-size: 0;
    z-index: 10
}

.vs-widget .time-box[data-v-b049d028] {
    position: relative;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    height: 13px
}

.vs-widget .time-box .text[data-v-b049d028] {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 0 0 2px 2px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    line-height: 16px;
    padding: 0 4px;
    left: 50%;
    top: 0
}

.vs-widget .time-box .text span .line[data-v-b049d028] {
    border-left: 1px solid transparent;
    position: absolute;
    margin-top: -5px;
    display: none;
    height: 9px;
    content: "";
    left: -4px;
    top: 50%
}

.vs-widget .time-box .text span[data-v-b049d028]:not(:first-child) {
    position: relative;
    margin-left: 5px
}

.vs-widget .time-box .text span:not(:first-child) .line[data-v-b049d028] {
    display: block
}

.vs-widget.is-alabo .time-box .text[data-v-b049d028] {
    flex-direction: row-reverse
}

.vs-widget .child-box[data-v-b049d028] {
    display: flex;
    flex: 1
}

.vs-widget .child-box .left-box[data-v-b049d028],.vs-widget .child-box .right-box[data-v-b049d028] {
    align-items: center;
    display: flex;
    min-width: 0;
    flex: 1
}

.vs-widget .child-box .left-box .ele-box[data-v-b049d028],.vs-widget .child-box .right-box .ele-box[data-v-b049d028] {
    padding: 2px 0;
    flex: 1
}

.vs-widget .child-box .left-box .ele-box .ele[data-v-b049d028],.vs-widget .child-box .right-box .ele-box .ele[data-v-b049d028] {
    align-items: center
}

.vs-widget .child-box .left-box .ele-box .ele .logo[data-v-b049d028],.vs-widget .child-box .right-box .ele-box .ele .logo[data-v-b049d028] {
    border-radius: 50%;
    margin-right: 3px;
    border: none;
    height: 34px;
    width: 34px
}

.vs-widget .child-box .left-box .ele-box .ele .name[data-v-b049d028],.vs-widget .child-box .right-box .ele-box .ele .name[data-v-b049d028] {
    -webkit-box-orient: vertical;
    word-break: break-all;
    position: relative;
    line-height: 12px;
    font-weight: 500;
    font-size: 12px;
    min-width: 0;
    flex: 1
}

.vs-widget .child-box .left-box .ele-box .ele .name.clamp-one[data-v-b049d028],.vs-widget .child-box .right-box .ele-box .ele .name.clamp-one[data-v-b049d028] {
    text-overflow: -o-ellipsis-lastline;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    overflow: hidden
}

.vs-widget .child-box .left-box .ele-box .ele .name.clamp-two[data-v-b049d028],.vs-widget .child-box .right-box .ele-box .ele .name.clamp-two[data-v-b049d028] {
    text-overflow: -o-ellipsis-lastline;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    overflow: hidden
}

.vs-widget .child-box .left-box.doubles .ele-box .ele .logo[data-v-b049d028],.vs-widget .child-box .right-box.doubles .ele-box .ele .logo[data-v-b049d028] {
    height: 21px;
    width: 21px
}

.vs-widget .child-box .left-box.left-box[data-v-b049d028],.vs-widget .child-box .right-box.left-box[data-v-b049d028] {
    padding-left: 6px
}

.vs-widget .child-box .left-box.left-box .ele-box .ele .logo[data-v-b049d028],.vs-widget .child-box .right-box.left-box .ele-box .ele .logo[data-v-b049d028] {
    margin-right: 4px
}

.vs-widget .child-box .left-box.right-box[data-v-b049d028],.vs-widget .child-box .right-box.right-box[data-v-b049d028] {
    text-align: right;
    padding-right: 6px
}

.vs-widget .child-box .left-box.right-box .ele-box .ele .logo[data-v-b049d028],.vs-widget .child-box .right-box.right-box .ele-box .ele .logo[data-v-b049d028] {
    margin-left: 4px
}

.vs-widget .child-box .center-box[data-v-b049d028] {
    flex-direction: column;
    margin: 0 16px;
    display: flex
}

.vs-widget .child-box .center-box .score-box[data-v-b049d028] {
    justify-content: center;
    align-items: center;
    font-size: 16px;
    display: flex;
    min-width: 0;
    flex: 1
}

.vs-widget .child-box .center-box .score-box .away[data-v-b049d028],.vs-widget .child-box .center-box .score-box .home[data-v-b049d028] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    position: relative;
    text-align: center;
    font-weight: 700;
    width: 28px
}

.vs-widget .child-box .center-box .score-box .away[data-v-b049d028]:before,.vs-widget .child-box .center-box .score-box .home[data-v-b049d028]:before {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    background: url(../../public/img/tennis.72af3206.svg) no-repeat 50%;
    background-size: contain;
    position: absolute;
    margin-top: -6px;
    content: "";
    height: 12px;
    width: 12px;
    opacity: 0;
    top: 50%
}

.vs-widget .child-box .center-box .score-box .away.home[data-v-b049d028]:before,.vs-widget .child-box .center-box .score-box .home.home[data-v-b049d028]:before {
    margin-right: 4px;
    right: 100%
}

.vs-widget .child-box .center-box .score-box .away.away[data-v-b049d028]:before,.vs-widget .child-box .center-box .score-box .home.away[data-v-b049d028]:before {
    margin-left: 4px;
    left: 100%
}

.vs-widget .child-box .center-box .score-box .away.on[data-v-b049d028]:before,.vs-widget .child-box .center-box .score-box .home.on[data-v-b049d028]:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1
}

.vs-widget .child-box .center-box .score-box .icon[data-v-b049d028] {
    width: 12px;
    height: 12px
}

.vs-widget .child-box .center-box .score-box .or[data-v-b049d028] {
    align-items: center;
    display: flex;
    margin: 0 4px
}

.vs-widget .child-box .center-box .score-box .or span[data-v-b049d028] {
    border-radius: 1px
}

.vs-widget.table-tennis .child-box .center-box .score-box .away[data-v-b049d028]:before,.vs-widget.table-tennis .child-box .center-box .score-box .home[data-v-b049d028]:before {
    background: url(../../public/img/table-tennis.3ae72215.svg) no-repeat 50%;
    background-size: cover
}

.vs-widget.table-tennis .child-box .center-box .score-box .icon[data-v-b049d028] {
    width: 12px;
    height: 12px
}

.vs-widget.badminton .child-box .center-box .score-box .away[data-v-b049d028]:before,.vs-widget.badminton .child-box .center-box .score-box .home[data-v-b049d028]:before {
    background: url(../../public/img/badminton.ffa16268.svg) no-repeat 50%;
    background-size: cover
}

.vs-widget.badminton .child-box .center-box .score-box .icon[data-v-b049d028] {
    width: 12px;
    height: 12px
}

.vs-widget:not(.min) .child-box .left-box .ele-box .ele[data-v-b049d028],.vs-widget:not(.min) .child-box .right-box .ele-box .ele[data-v-b049d028] {
    display: flex
}

.vs-widget:not(.min) .child-box .left-box .ele-box .ele[data-v-b049d028]:not(:first-child),.vs-widget:not(.min) .child-box .right-box .ele-box .ele[data-v-b049d028]:not(:first-child) {
    margin-top: 2px
}

.vs-widget:not(.min) .child-box .center-box .score-box[data-v-b049d028] {
    margin: 3px 0 4px
}

.vs-widget:not(.min) .child-box .center-box .score-box .away[data-v-b049d028],.vs-widget:not(.min) .child-box .center-box .score-box .home[data-v-b049d028] {
    line-height: 20px;
    height: 20px
}

.vs-widget:not(.max) .child-box .left-box .ele-box .ele[data-v-b049d028],.vs-widget:not(.max) .child-box .right-box .ele-box .ele[data-v-b049d028] {
    display: inline-flex
}

.vs-widget:not(.max) .child-box .left-box.left-box .ele-box[data-v-b049d028],.vs-widget:not(.max) .child-box .right-box.left-box .ele-box[data-v-b049d028] {
    margin-right: 15px
}

.vs-widget:not(.max) .child-box .left-box.left-box .ele-box .ele[data-v-b049d028],.vs-widget:not(.max) .child-box .right-box.left-box .ele-box .ele[data-v-b049d028] {
    display: inline-flex
}

.vs-widget:not(.max) .child-box .left-box.left-box .ele-box .ele:not(:first-child) .logo[data-v-b049d028],.vs-widget:not(.max) .child-box .right-box.left-box .ele-box .ele:not(:first-child) .logo[data-v-b049d028] {
    margin-left: 4px
}

.vs-widget:not(.max) .child-box .left-box.right-box .ele-box[data-v-b049d028],.vs-widget:not(.max) .child-box .right-box.right-box .ele-box[data-v-b049d028] {
    margin-left: 15px
}

.vs-widget:not(.max) .child-box .left-box.right-box .ele-box .ele[data-v-b049d028],.vs-widget:not(.max) .child-box .right-box.right-box .ele-box .ele[data-v-b049d028] {
    display: inline-flex
}

.vs-widget:not(.max) .child-box .left-box.right-box .ele-box .ele:not(:last-child) .logo[data-v-b049d028],.vs-widget:not(.max) .child-box .right-box.right-box .ele-box .ele:not(:last-child) .logo[data-v-b049d028] {
    margin-right: 4px
}

.vs-widget:not(.max) .child-box .center-box .score-box .away.home[data-v-b049d028]:before,.vs-widget:not(.max) .child-box .center-box .score-box .home.home[data-v-b049d028]:before {
    margin-right: 4px;
    right: 100%
}

.vs-widget:not(.max) .child-box .center-box .score-box .away.away[data-v-b049d028]:before,.vs-widget:not(.max) .child-box .center-box .score-box .home.away[data-v-b049d028]:before {
    margin-left: 4px;
    left: 100%
}

.vs-widget.min .child-box .left-box .ele-box[data-v-b049d028],.vs-widget.min .child-box .right-box .ele-box[data-v-b049d028] {
    align-items: center;
    display: flex;
    min-width: 0
}

.vs-widget.min .child-box .left-box .ele-box .ele[data-v-b049d028],.vs-widget.min .child-box .right-box .ele-box .ele[data-v-b049d028] {
    white-space: nowrap;
    max-width: 100%
}

.vs-widget.min .child-box .left-box .ele-box .ele .name[data-v-b049d028],.vs-widget.min .child-box .right-box .ele-box .ele .name[data-v-b049d028] {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    max-width: 100%
}

.vs-widget.min .child-box .left-box .ele-box .ele .logo[data-v-b049d028],.vs-widget.min .child-box .right-box .ele-box .ele .logo[data-v-b049d028] {
    height: 24px;
    width: 24px
}

.vs-widget.min .child-box .left-box.right-box .ele-box[data-v-b049d028],.vs-widget.min .child-box .right-box.right-box .ele-box[data-v-b049d028] {
    justify-content: flex-end
}

.vs-widget.min .child-box .left-box.doubles .ele-box .ele[data-v-b049d028],.vs-widget.min .child-box .right-box.doubles .ele-box .ele[data-v-b049d028] {
    max-width: 50%
}

.vs-widget.min .child-box .center-box .score-box .away[data-v-b049d028],.vs-widget.min .child-box .center-box .score-box .home[data-v-b049d028] {
    line-height: 20px;
    height: 20px
}

.vs-widget.max .child-box .left-box .ele-box .ele[data-v-b049d028],.vs-widget.max .child-box .right-box .ele-box .ele[data-v-b049d028] {
    display: flex
}

.vs-widget.max .child-box .left-box .ele-box .ele[data-v-b049d028]:not(:first-child),.vs-widget.max .child-box .right-box .ele-box .ele[data-v-b049d028]:not(:first-child) {
    margin-top: 4px
}

.vs-widget.max .child-box .center-box .score-box[data-v-b049d028] {
    margin: 9px 0 7px
}

.float-left[data-v-65bbcaf3] {
    float: left
}

.float-right[data-v-65bbcaf3] {
    float: right
}

.clear-twinkle[data-v-65bbcaf3] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-65bbcaf3 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-65bbcaf3 {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-65bbcaf3 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-65bbcaf3 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-65bbcaf3 {
    to {
        opacity: 0
    }
}

.pop-page[data-v-65bbcaf3] {
    position: relative
}

.pop-page .pop-svg[data-v-65bbcaf3] {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    left: 0;
    top: 0
}

.pop-page .pop-svg .live-box .ele-g g[data-v-65bbcaf3] {
    transition: all .21s linear;
    -webkit-transition: all .21s linear;
    -moz-transition: all .21s linear;
    -o-transition: all .21s linear;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0
}

.pop-page .slot-box[data-v-65bbcaf3] {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    box-shadow: 0 0 8px rgba(0,0,0,.08);
    border-radius: 4px;
    position: relative;
    opacity: 0
}

.pop-page.show .pop-svg .live-box .ele-g g[data-v-65bbcaf3] {
    transition: all .21s ease-in-out;
    -webkit-transition: all .21s ease-in-out;
    -moz-transition: all .21s ease-in-out;
    -o-transition: all .21s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1
}

.pop-page.show .slot-box[data-v-65bbcaf3] {
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    opacity: 1
}

.float-left[data-v-4fcf1ed8] {
    float: left
}

.float-right[data-v-4fcf1ed8] {
    float: right
}

.clear-twinkle[data-v-4fcf1ed8] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-4fcf1ed8 {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-hide-4fcf1ed8 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-4fcf1ed8 {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-4fcf1ed8 {
    to {
        opacity: 0
    }
}

@keyframes dash-4fcf1ed8 {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes opacity-fn-4fcf1ed8 {
    to {
        opacity: 1
    }
}

@keyframes scale-4fcf1ed8 {
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1
    }
}

@keyframes translateY-4fcf1ed8 {
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        opacity: 1
    }
}

@keyframes translateX-4fcf1ed8 {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes tracing-line-radius-4fcf1ed8 {
    to {
        r: 3;
        opacity: 1
    }
}

@keyframes tracing-line-radius-g-circle-1-4fcf1ed8 {
    0% {
        stroke-width: 4px;
        r: 7
    }

    10% {
        stroke-width: 2px;
        r: 4
    }

    20% {
        stroke-width: 4px;
        r: 7
    }
}

@keyframes tracing-line-radius-g-circle-2-4fcf1ed8 {
    0% {
        stroke-width: 4px;
        r: 7;
        opacity: 0
    }

    10% {
        stroke-width: 4px;
        r: 11;
        opacity: 1
    }

    30% {
        stroke-width: 4px;
        r: 11;
        opacity: 0
    }
}

@keyframes tracing-line-radius-g-circle-3-4fcf1ed8 {
    0% {
        stroke-width: 0;
        r: 11;
        opacity: 0
    }

    10% {
        stroke-width: 1px;
        r: 22;
        opacity: 1
    }

    30% {
        stroke-width: 1px;
        r: 22;
        opacity: 0
    }
}

@keyframes attack-home-4fcf1ed8 {
    0% {
        transform: translateX(-240px);
        -webkit-transform: translateX(-240px);
        -moz-transform: translateX(-240px);
        -o-transform: translateX(-240px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes attack-text-box-title-4fcf1ed8 {
    to {
        width: 302px;
        opacity: 1
    }
}

@keyframes attack-text-box-name-box-rect-home-4fcf1ed8 {
    to {
        width: 330px;
        opacity: 1;
        x: 0
    }
}

@keyframes attack-text-box-name-box-rect-away-4fcf1ed8 {
    to {
        width: 330px;
        opacity: 1
    }
}

@keyframes attack-text-box-name-box-rect-3d-home-4fcf1ed8 {
    to {
        width: 238px;
        opacity: 1;
        x: 110px
    }
}

@keyframes attack-text-box-name-box-rect-3d-away-4fcf1ed8 {
    to {
        width: 238px;
        opacity: 1;
        x: 0
    }
}

@keyframes attack-away-4fcf1ed8 {
    0% {
        transform: translateX(240px);
        -webkit-transform: translateX(240px);
        -moz-transform: translateX(240px);
        -o-transform: translateX(240px);
        opacity: 0
    }

    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        opacity: 1
    }
}

@keyframes attack-move-home-4fcf1ed8 {
    15% {
        opacity: 1
    }

    65% {
        transform: translate(90px);
        -webkit-transform: translate(90px);
        -moz-transform: translate(90px);
        -o-transform: translate(90px);
        opacity: 0
    }
}

@keyframes attack-move-away-4fcf1ed8 {
    15% {
        opacity: 1
    }

    65% {
        transform: translate(-90px);
        -webkit-transform: translate(-90px);
        -moz-transform: translate(-90px);
        -o-transform: translate(-90px);
        opacity: 0
    }
}

@keyframes point-bg-4fcf1ed8 {
    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }
}

@keyframes tips-box-score-4fcf1ed8 {
    to {
        margin-top: -30px
    }
}

@keyframes tips-box-score-off-4fcf1ed8 {
    to {
        margin-top: 0
    }
}

@keyframes tips-box-ov-box-4fcf1ed8 {
    to {
        width: 100%;
        opacity: 1
    }
}

.vs-widget[data-v-4fcf1ed8] {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    font-family: "Roboto";
    flex-direction: column;
    position: relative;
    display: flex;
    font-size: 0;
    z-index: 10
}

.vs-widget .time-box[data-v-4fcf1ed8] {
    position: relative;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    height: 13px
}

.vs-widget .time-box .text[data-v-4fcf1ed8] {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 0 0 2px 2px;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    position: absolute;
    line-height: 16px;
    padding: 0 4px;
    left: 50%;
    top: 0
}

.vs-widget .time-box .text .line[data-v-4fcf1ed8] {
    border-left: 1px solid transparent;
    margin: -2px 5px 0;
    height: 9px
}

.vs-widget .child-box[data-v-4fcf1ed8] {
    display: flex;
    flex: 1
}

.vs-widget .child-box .left-box[data-v-4fcf1ed8],.vs-widget .child-box .right-box[data-v-4fcf1ed8] {
    align-items: center;
    display: flex;
    min-width: 0;
    flex: 1
}

.vs-widget .child-box .left-box .ele-box[data-v-4fcf1ed8],.vs-widget .child-box .right-box .ele-box[data-v-4fcf1ed8] {
    padding: 2px 0;
    flex: 1
}

.vs-widget .child-box .left-box .ele-box .ele[data-v-4fcf1ed8],.vs-widget .child-box .right-box .ele-box .ele[data-v-4fcf1ed8] {
    align-items: center
}

.vs-widget .child-box .left-box .ele-box .ele .logo[data-v-4fcf1ed8],.vs-widget .child-box .right-box .ele-box .ele .logo[data-v-4fcf1ed8] {
    background: no-repeat 50%;
    border-radius: 50%;
    position: relative
}

.vs-widget .child-box .left-box .ele-box .ele .logo[data-v-4fcf1ed8]:before,.vs-widget .child-box .left-box .ele-box .ele .logo i[data-v-4fcf1ed8],.vs-widget .child-box .right-box .ele-box .ele .logo[data-v-4fcf1ed8]:before,.vs-widget .child-box .right-box .ele-box .ele .logo i[data-v-4fcf1ed8] {
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.vs-widget .child-box .left-box .ele-box .ele .logo[data-v-4fcf1ed8]:before,.vs-widget .child-box .right-box .ele-box .ele .logo[data-v-4fcf1ed8]:before {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    content: attr(data-name);
    justify-content: center;
    align-items: center;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    display: flex
}

.vs-widget .child-box .left-box .ele-box .ele .logo i[data-v-4fcf1ed8],.vs-widget .child-box .right-box .ele-box .ele .logo i[data-v-4fcf1ed8] {
    background: no-repeat 50%
}

.vs-widget .child-box .left-box .ele-box .ele .name[data-v-4fcf1ed8],.vs-widget .child-box .right-box .ele-box .ele .name[data-v-4fcf1ed8] {
    text-overflow: -o-ellipsis-lastline;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    position: relative;
    line-height: 12px;
    font-weight: 500;
    font-size: 12px;
    min-width: 0;
    flex: 1
}

.vs-widget .child-box .left-box.left-box[data-v-4fcf1ed8],.vs-widget .child-box .right-box.left-box[data-v-4fcf1ed8] {
    padding-left: 6px
}

.vs-widget .child-box .left-box.left-box .ele-box .ele .logo[data-v-4fcf1ed8],.vs-widget .child-box .right-box.left-box .ele-box .ele .logo[data-v-4fcf1ed8] {
    margin-right: 4px
}

.vs-widget .child-box .left-box.right-box[data-v-4fcf1ed8],.vs-widget .child-box .right-box.right-box[data-v-4fcf1ed8] {
    text-align: right;
    padding-right: 6px
}

.vs-widget .child-box .left-box.right-box .ele-box .ele .logo[data-v-4fcf1ed8],.vs-widget .child-box .right-box.right-box .ele-box .ele .logo[data-v-4fcf1ed8] {
    margin-left: 4px
}

.vs-widget .child-box .center-box[data-v-4fcf1ed8] {
    flex-direction: column;
    display: flex
}

.vs-widget .child-box .center-box .score-box[data-v-4fcf1ed8] {
    justify-content: center;
    align-items: center;
    font-size: 16px;
    display: flex;
    min-width: 0;
    flex: 1
}

.vs-widget .child-box .center-box .score-box .away[data-v-4fcf1ed8],.vs-widget .child-box .center-box .score-box .home[data-v-4fcf1ed8] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    position: relative;
    text-align: center;
    border-radius: 4px;
    font-weight: 700;
    width: 28px
}

.vs-widget .child-box .center-box .score-box .away[data-v-4fcf1ed8]:before,.vs-widget .child-box .center-box .score-box .home[data-v-4fcf1ed8]:before {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    background: url(../../public/img/volleyball.a5d1f862.svg) no-repeat 50%;
    background-size: contain;
    position: absolute;
    margin-top: -4px;
    content: "";
    height: 8px;
    width: 8px;
    opacity: 0;
    top: 50%
}

.vs-widget .child-box .center-box .score-box .away.home[data-v-4fcf1ed8]:before,.vs-widget .child-box .center-box .score-box .home.home[data-v-4fcf1ed8]:before {
    margin-right: 4px;
    right: 100%
}

.vs-widget .child-box .center-box .score-box .away.away[data-v-4fcf1ed8]:before,.vs-widget .child-box .center-box .score-box .home.away[data-v-4fcf1ed8]:before {
    margin-left: 4px;
    left: 100%
}

.vs-widget .child-box .center-box .score-box .away.on[data-v-4fcf1ed8]:before,.vs-widget .child-box .center-box .score-box .home.on[data-v-4fcf1ed8]:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1
}

.vs-widget .child-box .center-box .score-box .or[data-v-4fcf1ed8] {
    align-items: center;
    display: flex;
    margin: 0 4px
}

.vs-widget .child-box .center-box .score-box .or span[data-v-4fcf1ed8] {
    border-radius: 1px
}

.vs-widget:not(.min) .child-box .left-box .ele-box .ele[data-v-4fcf1ed8],.vs-widget:not(.min) .child-box .right-box .ele-box .ele[data-v-4fcf1ed8] {
    display: flex
}

.vs-widget:not(.min) .child-box .left-box .ele-box .ele[data-v-4fcf1ed8]:not(:first-child),.vs-widget:not(.min) .child-box .right-box .ele-box .ele[data-v-4fcf1ed8]:not(:first-child) {
    margin-top: 2px
}

.vs-widget:not(.min) .child-box .center-box .score-box .away[data-v-4fcf1ed8],.vs-widget:not(.min) .child-box .center-box .score-box .home[data-v-4fcf1ed8] {
    line-height: 20px;
    height: 20px
}

.vs-widget:not(.max) .child-box .left-box .ele-box .ele[data-v-4fcf1ed8],.vs-widget:not(.max) .child-box .right-box .ele-box .ele[data-v-4fcf1ed8] {
    display: inline-flex
}

.vs-widget:not(.max) .child-box .left-box.left-box .ele-box[data-v-4fcf1ed8],.vs-widget:not(.max) .child-box .right-box.left-box .ele-box[data-v-4fcf1ed8] {
    margin-right: 15px
}

.vs-widget:not(.max) .child-box .left-box.right-box .ele-box[data-v-4fcf1ed8],.vs-widget:not(.max) .child-box .right-box.right-box .ele-box[data-v-4fcf1ed8] {
    margin-left: 15px
}

.vs-widget:not(.max) .child-box .center-box .score-box .away[data-v-4fcf1ed8],.vs-widget:not(.max) .child-box .center-box .score-box .home[data-v-4fcf1ed8] {
    line-height: 20px;
    height: 20px
}

.vs-widget.is-alabo .time-box .text[data-v-4fcf1ed8] {
    flex-direction: row-reverse
}

.vs-widget.min .child-box .left-box .ele-box[data-v-4fcf1ed8],.vs-widget.min .child-box .right-box .ele-box[data-v-4fcf1ed8] {
    align-items: center;
    display: flex;
    min-width: 0
}

.vs-widget.min .child-box .left-box .ele-box .ele[data-v-4fcf1ed8],.vs-widget.min .child-box .right-box .ele-box .ele[data-v-4fcf1ed8] {
    white-space: nowrap;
    max-width: 100%
}

.vs-widget.min .child-box .left-box .ele-box .ele .logo[data-v-4fcf1ed8],.vs-widget.min .child-box .right-box .ele-box .ele .logo[data-v-4fcf1ed8] {
    height: 24px;
    width: 24px
}

.vs-widget.min .child-box .left-box .ele-box .ele .name[data-v-4fcf1ed8],.vs-widget.min .child-box .right-box .ele-box .ele .name[data-v-4fcf1ed8] {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    max-width: 100%
}

.vs-widget.min .child-box .left-box.right-box .ele-box[data-v-4fcf1ed8],.vs-widget.min .child-box .right-box.right-box .ele-box[data-v-4fcf1ed8] {
    justify-content: flex-end
}

.vs-widget.min .child-box .left-box.doubles .ele-box .ele[data-v-4fcf1ed8],.vs-widget.min .child-box .right-box.doubles .ele-box .ele[data-v-4fcf1ed8] {
    max-width: 50%
}

.vs-widget.max .child-box .left-box .ele-box .ele[data-v-4fcf1ed8],.vs-widget.max .child-box .right-box .ele-box .ele[data-v-4fcf1ed8] {
    display: flex
}

.vs-widget.max .child-box .left-box .ele-box .ele .logo[data-v-4fcf1ed8],.vs-widget.max .child-box .right-box .ele-box .ele .logo[data-v-4fcf1ed8] {
    height: 34px;
    width: 34px
}

.vs-widget.max .child-box .left-box .ele-box .ele[data-v-4fcf1ed8]:not(:first-child),.vs-widget.max .child-box .right-box .ele-box .ele[data-v-4fcf1ed8]:not(:first-child) {
    margin-top: 4px
}

.float-left[data-v-077e6d0c] {
    float: left
}

.float-right[data-v-077e6d0c] {
    float: right
}

.clear-twinkle[data-v-077e6d0c] {
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@keyframes translate-077e6d0c {
    to {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        opacity: 1
    }
}

@keyframes scale-077e6d0c {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes scale-hide-077e6d0c {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
}

@keyframes opacity-077e6d0c {
    to {
        opacity: 1
    }
}

@keyframes opacity-hide-077e6d0c {
    to {
        opacity: 0
    }
}

.trend-chart[data-v-077e6d0c] {
    position: relative;
    display: flex;
    height: 92px;
    z-index: 2
}

.trend-chart .child-box[data-v-077e6d0c] {
    flex: 1
}

.trend-chart .child-box .box[data-v-077e6d0c] {
    position: relative
}

.trend-chart .child-box .box.match-box[data-v-077e6d0c] {
    margin-right: 16px;
    line-height: 14px;
    display: flex;
    justify-content: space-between
}

.trend-chart .child-box .box.match-box .before[data-v-077e6d0c] {
    position: absolute;
    height: 1px;
    left: 16px;
    top: 35px;
    right: 0
}

.trend-chart .child-box .box.match-box .name-box[data-v-077e6d0c] {
    font-family: "Roboto";
    font-weight: 400;
    line-height: 16px;
    margin-top: 36px;
    margin-left: 16px;
    flex: 1 1 auto;
    width: 0
}

.trend-chart .child-box .box.match-box .name-box .text[data-v-077e6d0c] {
    margin-top: 8px;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.trend-chart .child-box .box.match-box .right-box[data-v-077e6d0c] {
    display: flex
}

.trend-chart .child-box .box.match-box .right-box li[data-v-077e6d0c] {
    font-family: "Roboto";
    text-align: center;
    font-size: 12px;
    flex: 1;
    width: 60px;
    height: 84px
}

@media screen and (max-width: 414px) {
    .trend-chart .child-box .box.match-box .right-box li[data-v-077e6d0c] {
        width:40px
    }
}

.trend-chart .child-box .box.match-box .right-box li .head[data-v-077e6d0c] {
    padding: 13px 0 9px;
    display: block
}

.trend-chart .child-box .box.match-box .right-box li .text[data-v-077e6d0c] {
    padding-top: 9px;
    display: block
}

.trend-chart .child-box .box.match-box .right-box li .vsc[data-v-077e6d0c] {
    content: attr(data-vsc);
    margin-left: -1px;
    line-height: 20px;
    position: absolute;
    font-size: 14px;
    transform: scale(.7);
    top: -8px;
    left: 100%
}

.trend-chart .setting-box[data-v-077e6d0c] {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    width: 50px
}

.trend-chart .setting-box .iconfont[data-v-077e6d0c] {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    opacity: .2;
    flex: 1
}

.trend-chart .setting-box .iconfont.active[data-v-077e6d0c],.trend-chart .setting-box .iconfont[data-v-077e6d0c]:hover {
    opacity: 1
}

.trend-chart.min[data-v-077e6d0c] {
    height: 72px
}

.trend-chart.min .child-box .box.char-box .chart[data-v-077e6d0c],.trend-chart.min .child-box .box.char-box .icon-list[data-v-077e6d0c] {
    top: 20px
}

.trend-chart.min .child-box .box.match-box .before[data-v-077e6d0c] {
    top: 25px
}

.trend-chart.min .child-box .box.match-box .name-box[data-v-077e6d0c] {
    margin-top: 26px
}

.trend-chart.min .child-box .box.match-box .name-box .text[data-v-077e6d0c] {
    margin-top: 6px
}

.trend-chart.min .child-box .box.match-box .right-box li .head[data-v-077e6d0c] {
    padding: 8px 0 4px
}

.trend-chart.min .child-box .box.match-box .right-box li .text[data-v-077e6d0c] {
    padding-top: 6px
}

.trend-chart:not(.is-alabo) .tip[data-v-077e6d0c] {
    left: 16px
}

.trend-chart:not(.is-alabo) .chart[data-v-077e6d0c] {
    left: 16px;
    right: 0
}

.trend-chart.is-alabo[data-v-077e6d0c] {
    flex-direction: row-reverse
}

.trend-chart.is-alabo .child-box .box.char-box[data-v-077e6d0c] {
    display: block;
    width: 100%
}

.trend-chart.is-alabo .child-box .box.char-box .tip[data-v-077e6d0c] {
    right: 16px
}

.trend-chart.is-alabo .child-box .box.char-box .max-tip[data-v-077e6d0c] {
    left: auto;
    right: 0
}

.trend-chart.is-alabo .child-box .box.char-box .max-tip.home[data-v-077e6d0c] {
    top: 4px
}

.trend-chart.is-alabo .child-box .box.char-box .max-tip.away[data-v-077e6d0c] {
    bottom: 3px
}

.trend-chart.is-alabo .child-box .box.char-box .chart[data-v-077e6d0c] {
    right: 16px;
    left: 0
}

.trend-chart.is-alabo .child-box .box.char-box .icon-list .ele-box[data-v-077e6d0c],.trend-chart.is-alabo .child-box .box.char-box .icon-list[data-v-077e6d0c] {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1)
}

.trend-chart.is-alabo .child-box .box.char-box .hf-box[data-v-077e6d0c] {
    right: 25px;
    left: 0
}

.trend-chart.is-alabo .child-box .box.char-box .hf-box .ft[data-v-077e6d0c],.trend-chart.is-alabo .child-box .box.char-box .hf-box .ht[data-v-077e6d0c] {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%)
}

.trend-chart.is-alabo .child-box .box.match-box[data-v-077e6d0c] {
    flex-direction: row-reverse
}

.trend-chart.is-alabo .child-box .box.match-box .name-box .text[data-v-077e6d0c] {
    text-align: right
}

.trend-chart.is-alabo .child-box .box.match-box .right-box[data-v-077e6d0c] {
    flex-direction: row-reverse
}