:root {
    --color-theme: #ff7310;
    --color-win: #e44d5c; 
    --color-lose: #30a84f;
    --color-draw: #3a82fb;
    --color-win-opacity-1: rgba(228, 77 ,92, .8);
    --color-win-opacity-2: rgba(228, 77 ,92, .5);
    --color-draw-opacity-1: rgba(58, 130 ,251, .8);
    --color-draw-opacity-2: rgba(58, 130 ,251, .5);
    --color-lose-opacity-1: rgba(48, 168 ,79, .8);
    --color-lose-opacity-2: rgba(48, 168 ,79, .5);
    --color-background-main: #f5f5f5;
    --color-background-1: #fafafa;
    --color-background-2: #f9fafd;
    --color-background-3: #fff;
    --color-background-4: #e5e5e5;
    --color-home: #F32728;
    --color-away: #3686FC;
    --color-red: #ea3e32;
    --color-green:#5aca35;

    --text-color-1: #000;
    --text-color-2: #666;
    --text-color-3: #999;
    --text-size-xs: 10px;
    --text-size-sm: 12px;
    --text-size-md: 16px;
    --text-size-lg: 24px;
    --text-size-xl: 32px;
    --text-opacity-85: rgba(0, 0, 0, .85);
    --text-opacity-75: rgba(0, 0, 0, .75);
    --text-opacity-65: rgba(0, 0, 0, .65);
    --text-opacity-55: rgba(0, 0, 0, .55);
    --text-opacity-45: rgba(0, 0, 0, .45);
    --text-opacity-35: rgba(0, 0, 0, .35);
    --text-opacity-25: rgba(0, 0, 0, .25);
    --text-opacity-15: rgba(0, 0, 0, .15);
    --text-opacity-05: rgba(0, 0, 0, .05);

    --box-margin: 10px;
    --box-padding: 10px;
    --box-shadow: 0 6px 16px 0 rgba(10, 13, 47, .05);

    --border-width-1: .5px;
    --border: .5px solid rgba(0, 0, 0, .1);
    --border-bottom: .5px solid #e6e7ef;
    --border-width: scaleY(.5);
    --border-radius: 5px;
    --thumb-size: 18px;
    --table-th-height: 32px;
    --linear-gradient: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100%);
}

@font-face {font-family: "DINPro";src: url("../fonts/DinPro/DINPro-Regular.otf");}
@font-face {font-family: "DINPro-Medium"; src: url("../fonts/DinPro/DINPro-Medium.otf");}
@font-face {font-family: "UTMCafeta";src: url("../fonts/utmcafeta.ttf");}
@font-face {font-family: "Oswald-Regular";src: url("../fonts/Oswald/Oswald-Regular.ttf");}
@font-face {font-family: "ArchivoNarrow";src: url("../fonts//ArchivoNarrow/ArchivoNarrow-Regular.otf");} 
@font-face {font-family: "Roboto-Regular";src: url("../fonts/Roboto/Roboto-Regular.ttf");}

@keyframes rotateLeft {
    0% {transform: rotate(0);}
    100% {transform: rotate(360deg);}
}
@keyframes slideDown {
    0% {transform: translateY(0);}
    50% {transform: translateY(-6px);}
    0% {transform: translateY(0);}
}

* {word-break: break-word;}
h3, h4, h5, h6 {font-weight: 400;font-size: inherit;}
table {width: 100%;table-layout: fixed;border-collapse: collapse;}
table th {font-weight: 500;color: var(--text-color-3);}
.aio-body {font-size: 12px;background-color:#f5f5f5;}
.aio-sys-body, 
.aio-sys-body a.aio-link {padding: 0;}
.aio-h5-head {display: none;}
.aio-sys-body {margin-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); }
.z8boxs {background-color: transparent;box-shadow: none;}
body[data-h5-page$="-content"] .aio-sys-main {height: 100%;}
body.aio.event {padding-top: 110px;}
.live-menu-wrap {text-align: center;margin: 10px 0;overflow: auto;}
.live-menu {display: inline-flex;vertical-align: top;height: 26px;line-height: 26px;border-radius: 15px;background-color: #e5e5e5;text-align: center;text-wrap: nowrap;}
.live-menu .a0item {position: relative;height: 100%;padding: 0 10px;min-width: 66px;border-radius: inherit;overflow: hidden;cursor: pointer;user-select: none;display: inline-block;}
.live-menu .a0item[data-ai-vis] {background: linear-gradient(270deg, #FF7310 0%, #FFA84D 100%, #FFAA4F 100%);color: #fff;font-weight: bold;}
.live-menu .a0item.isfree::after {content: "";position: absolute;right: 0;top: 0;background: url(../images/icon/xianmian.png) no-repeat;background-size: 100%;height: 100%;width: 26px;pointer-events: none;}
.live-menu.small {height: 20px;line-height: 20px;font-size: 12px;}
.live-menu.small .a0item {min-width: 44px;padding: 0 5px;font-size: 12px;}
.live-menu.medium {height: 26px;line-height: 26px;}

.contain {background: no-repeat center center / contain;}
.team-box {flex: 1;display: flex;align-items: center;line-height: var(--thumb-size);}
.team-box:nth-child(2) {width: 50%;text-align: right;justify-content: flex-end;}
.team-box .team-icon {width: var(--thumb-size);height: var(--thumb-size);background: no-repeat center center / contain;}
.team-box .team-name {flex: 1;min-width: 0;padding: 0 8px;margin: 2px 0;font-size: 14px;line-height: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.team-box .team-name[data-language="en"] {font-size: 12px;line-height: 14px;}

.nabbar {display: flex;text-align: center;}
.nabbar a {flex: 1;font-size: 14px;line-height: 40px;padding: 0 0;position: relative;}
.nabbar a .menu-inner {display: inline-block;position: relative;}
.nabbar a.a0on {color: var(--color-theme);font-weight: bold;}
.nabbar a.a0on .menu-inner::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color: var(--color-theme);}

/* 2023/10/30 lym */
.nabbar {height: 46px;padding-top: 16px;overflow: hidden;}
.nabbar a{line-height: initial;}
.nabbar a.a0on .menu-inner::before{bottom: -10px;}
.nabbar a[data-key="member"] .menu-text {animation: heartBeat 0.66s alternate infinite;font-weight: bold;}
.nabbar a[data-key="member"]::after {content: "";position: absolute;right: -6px;top: -10px;width: 12px;height: 14px;background: url("../images/icon/vip.png") no-repeat center center;background-size: contain;}



@keyframes heartBeat {
    0% {transform: scale(1.0); color:red;}
    100% {transform: scale(1.1); color:red; }
}


.doc-card {background-color: var(--color-background-3);padding: 5px;}
.doc-card > h2 {font-size: 15px;line-height: 25px;margin: 0 6px;}
.aio-cell {position: relative;}
.aio-cell::after {content: "";pointer-events: none;position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px solid rgba(0, 0, 0, .1);transform: var(--border-width);}
.aio-cell:last-child::after {display: none;}

/* 开关 */
.aio-switch {display: inline-flex;align-items: center;vertical-align: middle;user-select: none;}
.aio-switch-core {position: relative;cursor: pointer;line-height: 16px;border-radius: 8px;background-color: var(--color-background-main);transition: all .3s;}
.aio-switch-core::before {content: "";position: absolute;left: 1px;top: 1px;width: 14px;height: 14px;border-radius: 50%;background-color: #fff;box-shadow: 0px 0px 4px 0px #999;transition: all .3s;}
.aio-switch-text {display: block;color: var(--text-color-3);font-size: 10px;transition: all .3s;padding: 0 5px 0 17px;}
.aio-switch[data-ai-vis] .aio-switch-core {background-color: var(--color-theme);}
.aio-switch[data-ai-vis] .aio-switch-core::before {box-shadow: 0px 0px 4px 0px #C96621;left: calc(100% - 15px);}
.aio-switch[data-ai-vis] .aio-switch-text {color: #fff;padding: 0 17px 0 5px;}
/* Tabs标签页 */
.aio-tab-panel {display: none;}
/* Checkbox多选框 */
.aio-checkbox {display: inline-block;width: 54px;line-height: 16px;border: 1px solid #a6a6a6;background-color: #e5e5e5;border-radius: 9px;color: #777;font-size: 11px;text-align: center;cursor: pointer;user-select: none;}
.aio-checkbox[data-ai-vis] {border-color: var(--color-theme);background-color: #fff;color: var(--color-theme);}
/* Proportion比例条 */
.aio-proportion-wrap {position: relative;}
.aio-proportion-label {position: relative;line-height: 20px;font-size: 14px;text-align: center;}
.aio-proportion-label .value {position: absolute;top: 0;}
.aio-proportion-label .value em {font-family: DINPro;}
.aio-proportion-label .value-left {left: 0;}
.aio-proportion-label .value-right {right: 0;}
.aio-proportion-bar {overflow: hidden;height: 8px;border-radius: 2px;opacity: .8;white-space: nowrap;font-size: 0;}
.aio-proportion-bar span {display: inline-block;vertical-align: top;height: 100%;border-right: 1px solid #fff;}
.aio-proportion-bar span:last-child {border-right: 0;}
.aio-proportion-bar .inner-win {background-color: var(--color-win);}
.aio-proportion-bar .inner-draw {background-color: var(--color-draw);}
.aio-proportion-bar .inner-lose {background-color: var(--color-lose);}

/* 图例 */
.cutline {background: no-repeat center center / contain;}
.cutline[data-kind="1"] {background-image: url(../images/expert/kind-1.png);}
.cutline[data-kind="11"] {background-image: url(../images/expert/kind-11.png);}
.cutline[data-kind="12"] {background-image: url(../images/expert/kind-12.png);}
.cutline[data-kind="13"] {background-image: url(../images/expert/kind-13.png);}
.cutline[data-kind="20"] {background-image: url(../images/expert/kind-20.png);}
.cutline[data-kind="25"] {background-image: url(../images/expert/kind-25.png);}
.cutline[data-kind="26"] {background-image: url(../images/expert/kind-26.png);}
.cutline[data-kind="60"] {background-image: url(../images/expert/kind-60.png);}
.cutline[data-kind="150"] {background-image: url(../images/expert/kind-150.png);}
.cutline[data-kind="1026"] {background-image: url(../images/expert/kind-1026.png);}

/* 赛况 */
.detail-table-score {text-align: center;background-color: var(--color-background-3);padding: 0 var(--box-padding);}
.detail-table-score th {font-size: 12px;}
.detail-table-score th:first-child,
.detail-table-score td:first-child {text-align: left;width: 100px;}
.detail-table-score th,
.detail-table-score td {height: 30px;}
.detail-table-score td {color: #222;font-size: 16px;}
.detail-table-score td.min {color: #777;}
.detail-table-score td:first-child {font-weight: 600;font-size: 14px;}
.detail-table-score td:last-child {border-right: 0;color: #FCA90A !important;}
.detail-table-score th:last-child {color: #FCA90A;}
.detail-table-score tbody tr:nth-child(odd) td {background-color: #fff;}
.detail-table-score td:not(:first-child) {font-family: "UTMCafeta";font-size: 18px;}
/**/
.ui-proportion-bar {padding: 0 78px;position: relative;}
.ui-proportion-bar .text {position: absolute;top: 50%;transform: translate(0, -50%);width: 78px;line-height: 20px;}
.ui-proportion-bar .text.left {left: 0;}
.ui-proportion-bar .text.right {right: 0;text-align: right;}
.ui-proportion-bar .text span {float:left;width: 50%;font-family: "DINPro-Medium";}
.ui-proportion-bar .percent {color: #aaa;font-size: 12px !important;}
.ui-proportion-bar .num {font-size: 18px;}
.ui-proportion {flex: 1;height:  8px;background-color: var(--color-draw);border-radius: 2px;position: relative;}
.ui-proportion::before {content: attr(title); position: absolute;bottom: 100%;color: #333;font-size: 12px;left: 0;right: 0;text-align: center;line-height: 18px;margin-bottom: 4px;}
.ui-proportion .portion {position: absolute;left: 0;bottom: 0;top: 0;border-radius: 2px 0 0 2px;background: var(--color-win);border-right: 1px solid #fff;}
/**/
.detail-proportion {background-color: var(--color-background-3);padding: 18px var(--box-padding) 12px;line-height: 1;}
.detail-data-1 {display: flex;font-size: 15px;}
.detail-data-1>ul {flex: 1;}
.detail-data-1 .item {display: flex;align-items: flex-end;margin-bottom: 22px;}
.detail-data-1 .item:last-child {margin-bottom: 0;}
.detail-data-1 .other {display: flex;width: 70px;text-align: center;padding-top: 10px;transform: translateY(6px);}
.detail-data-1 .other-item {flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.detail-data-1 .other span {display: block;line-height: 20px;height: 20px;font-family: DINPro;}
.detail-data-1 .other span img {display: inline-block;vertical-align: bottom;max-width: 100%;max-height: 100%;}
.detail-data-1 .item .other {display: flex;align-items: center;}
.detail-data-1 .item .other span {flex: 1;text-align: left;}
.detail-data-1 .item .other:last-child span {flex: 1;text-align: right;}
.detail-data-1 .item .other .percent {font-size: 12px;color: #999;}
.detail-data-1 .item .other .percent::after {content: "%";}
.detail-data-1 .item .other .num {font-size: 18px;}
.detail-data-1 .proportion {flex: 1;}
[data-sport="football"] .detail-data-1 .proportion {padding: 0 20px;}
[data-sport="football"] .detail-data-1 .proportion .bar-inner::after {content: attr(data-value);position: absolute;top: 50%;transform: translateY(-50%);font-family: DINPro;color: #333;width: 20px;text-align: center;}
[data-sport="football"] .detail-data-1 .proportion .bar-inner:first-child::after {left: -20px;}
[data-sport="football"] .detail-data-1 .proportion .bar-inner:last-child::after {right: -20px;}
.detail-data-2 {display: flex;align-items: center;justify-content: space-between;margin-top: 26px;}
.detail-data-2 .item {flex: 1;text-align: center;position: relative;}
.detail-data-2 .circle {width: 70px;height: 70px;display: inline-block;vertical-align: top;position: relative;opacity: .8;}
.detail-data-2 .circle svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.detail-data-2 .circle circle {stroke: var(--color-win);}
.detail-data-2 .circle .progress-bar {stroke: var(--color-draw);transition: stroke-dashoffset 2s ease;}
.detail-data-2 .text {position: absolute;top: 50%;left: 0;right: 0;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);display: flex;align-items: center;}
.detail-data-2 span {flex: 1;}
/* .detail-data-2 span:not(.title) {font-family: "DINPro-Medium";font-size: 15px;} */
.detail-data-2 span:not(.title) {font-family: "DINPro-Medium";font-size: 13px;}
/* .detail-data-2 .title {flex: 0 0 60px;width: 60px;} */
.detail-data-2 .title {flex: 0 0 70px;width: 70px;}

.detail-tabs-wrapper {background-color: var(--color-background-3) !important;}
.detail-tabs-wrapper .team-top {border-bottom: 1px solid var(--color-background-main);}
.detail-event {line-height: 1;}
.detail-event .inner {padding: 10px;}
.detail-event .switch-group {text-align: center;}
.detail-event .switch-group .aio-switch {margin: 0 6px;}
.detail-event .event-list-wrap {position: relative;padding: 6px 0 2px;margin: 27px 0 15px;min-height: 50px;}
.detail-event .event-list-wrap .line {position: absolute;top: 0%;bottom: 0;left: 50%;transform: translateX(-50%);border-left: 1px solid #c5c5c6;}
.detail-event .event-list-wrap::before,
.detail-event .event-list-wrap::after {content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 20px;height: 18px;background: #fff no-repeat center center / contain;z-index: 1;}
.detail-event .event-list-wrap::before {top: -12px;background-image: url(../images/icon/icon-whistle-1.png);}
.detail-event .event-list-wrap::after {bottom: -12px;background-image: url(../images/icon/icon-whistle-2.png);}
.detail-event .event-item {position: relative;margin-bottom: 20px;overflow: hidden;}
.detail-event .event-item .text-box {float: left;background-color: #f4f4f4;border-radius: 5px;width: 38%;font-size: 12px;line-height: 26px;text-align: right;padding: 6px;}
.detail-event .event-item .text-box .text {width: calc(100% - 20px);padding: 0 4px;}
.detail-event .event-item .text-box .cutline {width: 20px;height: 16px;margin-top: 5px;}
.detail-event .event-item .time {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);min-width: 26px;line-height: 14px;border-radius: 7px;text-align: center;color: #fff;background-color: var(--color-win);padding: 0 5px;}
.detail-event .event-item.right .text-box {float: right;text-align: left;}
.detail-event .event-item.left .text-box > * {float: right;}
.detail-event .event-item.right .text-box > * {float: left;}
.detail-event .event-item.right .time {background-color: var(--color-away);}
.detail-event .event-item.neutral .time {background-color: var(--color-theme);}
.detail-tabs {display: flex;position: relative;}
.detail-tabs::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px solid #e6e7ef;transform: var(--border-width);}
.detail-tabs .a0item {text-align: center;flex: 1;line-height: 40px;cursor: pointer;user-select: none;font-size: 14px;}
.detail-tabs .a0item span {position: relative;display: inline-block;}
.detail-tabs .a0item span::after {content: "";position: absolute;bottom: 0px;left: 0;right: 0;width: 0;height: 3px;background-color: var(--color-theme);margin: 0 auto;transition: .3s all;z-index: 1;}
.detail-tabs .a0item[data-ai-vis] {font-weight: bold;color: var(--color-theme);}
.detail-tabs .a0item[data-ai-vis] span::after {width: 100%;}
.detail-tabs-panel-wrap .panel {display: none;}

.basketball-lineup h2 {font-size: 14px;font-weight: 500;line-height: 30px;padding: 0 var(--box-padding);}
.basketball-lineup .lineup {overflow: hidden;background-color: #fff;}
.basketball-lineup .lineup ul {float: left;width: 46%;font-size: 14px;line-height: 18px;}
.basketball-lineup .lineup .right {float: right;}
.basketball-lineup .lineup .item {position: relative;padding: 10px 0;cursor: pointer;}
.basketball-lineup .lineup .item:last-child {min-height: auto;}
.basketball-lineup .lineup .left .item {text-align: right;padding-right: 22px;}
.basketball-lineup .lineup .right .item {text-align: left;padding-left: 22px;}
.basketball-lineup .lineup .item .number {position: absolute;font-family: "DINPro-Medium";font-size: 12px;top: 10px;color: #fff;text-align: center;min-width: 18px;line-height: 18px;;border-radius: 3px;}
.basketball-lineup .lineup .left .item .number {right: 0;background-color: rgba(228, 77, 99.8);}
.basketball-lineup .lineup .right .item .number {left: 0;background-color: rgba(58, 130, 251, .8);}

.detail-lineup .head {height: 40px;display: flex;align-items: center;justify-content: space-between;padding: 0 var(--box-padding);border-bottom: 1px solid #e6E7ef;}
.detail-lineup .head .text {font-size: 15px;}
.detail-lineup .head .text span {font-size: 12px;color: #999;}
.detail-lineup .head button {display: inline-block;border: 0;height: 24px;line-height: 24px;border-radius: 12px;font-size: 12px;color: #fff;background: linear-gradient(270deg, #FF7310 0%, #FFA84D 99.96%, #FFAA4F 100%);padding: 0 6px;}
.detail-lineup .head button .iconfont {vertical-align: bottom;margin-right: 2px;font-size: 12px;}
.detail-field {background-color: #fff;}
.detail-field .team-info {padding: 4px 10px;}
.detail-field .team-info .row {display: flex;align-items: center;justify-content: space-between;line-height: 18px;margin: 5px 0;}
.detail-field .team-info .column {flex: 1;}
.detail-field .team-info .column:last-child {text-align: right;}
/* .detail-field .team-info .label {text-align: center;color: #999;flex: 0 0 60px;} */
.detail-field .team-info .label {text-align: center;color: #999;flex: 0 0 65px;}
.detail-field .team-info .type {display: inline-block;vertical-align: top;width: 32px;line-height: 16px;border-radius: 8px;background-color: var(--color-win);color: #fff;font-size: 10px;text-align: center;}
.detail-field .team-info .age,
.detail-field .team-info .price {font-size: 18px;font-family: UTMCafeta;}
.detail-field .team-info .age em,
.detail-field .team-info .price em {font-size: 15px;vertical-align: 1px;}
.detail-field .team-info .name {font-size: 14px;}
.detail-field .team-info .away-type {background-color: var(--color-draw);}
/* .detail-field .team-info {display: flex;line-height: 18px;padding: 4px 0;}
.detail-field .team-info .info {flex: 1;}
.detail-field .team-info .center {color: #999;text-align: center;}
.detail-field .team-info .info p,
.detail-field .team-info .center p {margin: 5px 0;}
.detail-field .team-info .info .price em {font-size: 15px;}
.detail-field .team-info .info .age::after {content: "岁";font-size: 15px;vertical-align: top;}
.detail-field .team-info .info .price,
.detail-field .team-info .info .age {font-family: UTMCafeta;font-size: 18px;}
.detail-field .team-info .info .name {font-family: DINPro;font-size: 14px;}
.detail-field .team-info .info .label {display: inline-block;vertical-align: middle;line-height: 16px;border-radius: 8px;background-color: var(--color-win);color: #fff;font-size: 10px;padding: 0 6px;}
.detail-field .team-info .info.home {padding-left: 30px;}
.detail-field .team-info .info.away {text-align: right;padding-right: 30px;}
.detail-field .team-info .info.away .label {background-color: var(--color-draw);} */
.detail-field .field-wrap {position: relative;}
.detail-field .field-wrap > img {width: 100%;}
/* .detail-field .field-wrap .list-group {position: absolute;left: 0;width: 100%;} */
.detail-field .field-wrap .list-group {position: absolute;left: 0;width: 100%;}
.detail-field .field-wrap .group {display: flex;flex: 1;}
.detail-field .field-wrap .item {flex: 1;text-align: center;}
.detail-field .field-wrap .item-inner {position: relative;flex: 1;cursor: pointer;}
.detail-field .field-wrap .item .avatar {width: 32px;height: 32px;box-shadow: none;background: #fff;}
.detail-field .field-wrap .item .avatar img {width: 100%;height: 100%;object-fit: contain;border-radius: 50%;}
.detail-field .field-wrap .item .avatar[data-number]::after {content: attr(data-number);position: absolute;top: -3px;left: 23px;min-width: 12px;line-height: 12px;border-radius: 6px;font-size: 10px;color: #fff;font-style: normal;background-color: var(--color-win);white-space: nowrap;}
.detail-field .field-wrap .item .avatar[data-number="0"]::after {display: none;}
.detail-field .field-wrap .item .name {position: absolute;top: 36px;left: 0;right: 0;line-height: 16px;color: #fff;}
.detail-field .field-wrap .list-group.home {top: 0;padding-top: 4%;height: 50%;display: flex;;flex-direction: column;}
.detail-field .field-wrap .list-group.away {bottom: 0;padding-top: 4%;height: 50%;display: flex;flex-direction: column;}
.detail-field .field-wrap .list-group.away .avatar::after {background-color: var(--color-draw);}
.detail-field .field-wrap .list-group.away .group {margin-top: 0;}
.detail-field .field-wrap .format-number {border-radius: 2px;font-size: 14px;color: #fff;height: 20px;line-height: 20px;min-width: 90px;padding: 0 5px;background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 27.27%, rgba(0, 0, 0, .35) 100%);}
.detail-field .field-wrap .format-home,
.detail-field .field-wrap .format-away {position: absolute;left: 15px;}
.detail-field .field-wrap .format-home {top: 10px;}
.detail-field .field-wrap .format-away {bottom: 10px;}
.detail-field .field-wrap .format-home .icon,
.detail-field .field-wrap .format-away .icon {display: inline-block;vertical-align: top;width: var(--thumb-size);height: 100%;margin-right: 10px;}
.detail-field .field-wrap .format-value{color: #fff;font-size: 11px;line-height: 20px;}
.detail-substitute {background-color: #fff;}
.detail-substitute .team-top {border-bottom: 0;min-height: 40px;}
.detail-substitute .group-list {float: left;width: 50%;text-align: left;}
.detail-substitute .group-list.away {float: right;text-align: right;}
.detail-substitute .content {position: relative;}
.detail-substitute .content::before {content: "";position: absolute;left: 50%;top: 0;bottom: 0;border-left: 1px solid #e6e7ef;transform: scaleX(0.5);}
.detail-substitute .item {display: flex;align-items: center;padding: 0 var(--box-padding) 16px;cursor: pointer;}
.detail-substitute .item .avatar {box-shadow: none;width: 32px;height: 32px;margin: 0;overflow: hidden;background: #eeeef0;}
.detail-substitute .item .avatar img {width: 100%; height: 100%;object-fit: contain;}
.detail-substitute .item .text {padding: 0 4px;flex: 1;font-size: 11px;line-height: 16px;}
.detail-substitute .item .text .classify {color: #999;}
.detail-substitute .away .item {flex-direction: row-reverse;text-align: right;}

.aio-middle {display: inline-flex;align-items: center;justify-content: center;}
.aio-scrollbar {overflow: auto;}
.aio-scrollbar::-webkit-scrollbar {width: 6px;background: #e4e4e4;}
.aio-scrollbar::-webkit-scrollbar-thumb {background-color: #0003;border-radius: 10px;transition: all .2s ease-in-out;}
.aio-scrollbar::-webkit-scrollbar-track {border-radius: 10px;}

.detail-text-live {padding: 10px var(--box-padding) 30px;}
.detail-other-total {padding: 10px var(--box-padding);}
.detail-text-live-tabs {font-size: 0;display: inline-block;vertical-align: top;margin-bottom: 15px;background: #fafafa;line-height: 30px;border-radius: 15px;overflow: hidden;}
.detail-text-live-tabs .a0item {font-size: 14px;display: inline-block;vertical-align: top;padding: 0 17px;text-align: center;cursor: pointer;user-select: none;border-radius: inherit;}
.detail-text-live-tabs .a0item[data-ai-vis] {background: linear-gradient(270deg, #ff7310 0%, #ffa84d 100%, #ffaa4f 100%);color: #fff;}
.detail-text-live-list {padding-left: 20px;margin-left: 12px;display: none;position: relative;}
.detail-text-live-list::before {content: "";position: absolute;left: 0;top: 10px;bottom: 0;border-left: 1px solid #9da2b3;}
.detail-text-live-list .live-item {position: relative;margin-bottom: 20px;}
.detail-text-live-list .live-item:last-child {margin-bottom: 0;}
.detail-text-live-list .live-item::before {content: "";position: absolute;left: -25px;top: 6px;width: 10px;height: 10px;border-radius: 50%;background-color: #a3a7b7;}
.detail-text-live-list .live-item .top {padding: 0 5px 6px;line-height: 18px;}
.detail-text-live-list .live-item .top span {display: inline-block;vertical-align: middle;}
.detail-text-live-list .live-item .score {font-family: "UTMCafeta";font-size: 14px;min-width: 38px;}
.detail-text-live-list .live-item .time {color: #777;}
.detail-text-live-list .live-item .time em {font-family: DINPro;}
.detail-text-live-list .live-item .text {background-color: rgba(0,0,0,.05);padding: 6px 10px;border-radius: 3px;line-height: 16px;}
.detail-text-live-list .live-item .icon {display: inline-block;vertical-align: top;width: 16px;height: 16px;margin-right: 20px;}
.detail-fb-textlive .list .item {display: flex;align-items: flex-start;margin-bottom: 15px;}
.detail-fb-textlive .list .classify {width: 30px;height: 38px;padding-right: 4px;}
.detail-fb-textlive .list .content {flex: 1;background-color: #f4f4f4;border-radius: 4px;line-height: 18px;padding: 10px;}
.detail-other-total-list .item .bar-inner::before {color: #333;}
.detail-other-total-list .item {margin-bottom: 14px;}

.aio .proportion {line-height: 22px;text-align: center;white-space: nowrap;}
.aio .proportion .name {height: 22px;font-size: 12px;}
.aio .proportion-bar {height: 8px;}
.aio .proportion-bar .bar-inner {float: left;height: 100%;position: relative;border-right: 1px solid #fff;}
.aio .proportion-bar .bar-inner::before {content: attr(data-legend);position: absolute;bottom: 100%;}
.aio .proportion-bar .bar-inner:first-child {border-radius: 2px 0 0 2px;text-align: left;}
.aio .proportion-bar .bar-inner:last-child {border-radius: 0 2px 2px 0;text-align: right;border-right: 0;}
.aio .proportion-bar .bar-inner:first-child::before {left: 2px;}
.aio .proportion-bar .bar-inner:last-child::before {right: 2px;}
.aio .proportion-bar .bar-inner.home-bar {background-color: rgba(228, 77, 92, .8);color: rgba(228, 77, 92, .8);}
.aio .proportion-bar .bar-inner.away-bar {background-color: rgba(58, 130, 251, .8);color: rgba(58, 130, 251, .8);}
/* 分析-基本面 */
.icon-team {display: inline-block;vertical-align: middle;width: var(--thumb-size);height: var(--thumb-size);}
.base-header {display: flex;justify-content: space-between;align-items: center;padding: 0 var(--box-padding) 8px;}
.base-header .title {font-size: var(--text-size-md);}
.base-head-team {display: flex;align-items: center;justify-content: space-between;padding: 0 var(--box-padding) 4px;}
.base-table {background-color: var(--color-background-1);text-align: center;}
.base-table tr {height: 32px;}
.base-table th {font-size: 12px;}
.base-table td {font-size: 14px;font-family: "DINPro-Medium";background-color: #fff;}
.league tbody tr:nth-child(1) td {color: var(--color-win);}
.league tbody tr:nth-child(2) td {color: var(--color-draw);}
.league-rank table th:nth-child(4),
.league-rank table th:nth-child(5) {width: 100px;}
.league-rank table tbody tr {border-bottom: .5px solid #e6e7ef;}
.league-rank table tbody tr:last-child {border-bottom: 0;}
.league-rank table td:first-child {font-family: inherit;font-size: 12px;}
.league-rank table td:nth-child(2),
.league-rank table td:last-child {color: var(--color-win);}
.league-rank table td.lose {color: var(--color-lose);}
.team-top {display: flex;justify-content: space-between;align-items: center;min-height: 32px;padding: 0 var(--box-padding);}
.proportion-list .proportion-item {margin-bottom: 15px;}
.proportion-list .proportion-item .bar-inner {color: #333 !important;}
.proportion-list .proportion-item:last-child {margin-bottom: 0;}
.team-data {background-color: var(--color-background-3);}
.team-data .proportion-list {padding: 2px var(--box-padding) 14px;}
.character-box h3 {font-size: 16px;line-height: 24px;text-align: center;margin-bottom: 6px;}
.character-box h3 small {font-size: 12px;color: var(--text-color-3);vertical-align: bottom;margin-left: 6px;}
.character-box .player-wrap {margin-bottom: 10px;}
.coach-wrap .content .team-top {background-color: var(--color-background-3);}
.coach-wrap .info {background-color: var(--color-background-3);padding: 6px var(--box-padding);display: flex;align-items: center;justify-content: space-between;}
.coach-wrap .info .coach {width: 50%;display: flex;align-items: center;}
.coach-wrap .info .coach .icon {width: 32px;height: 32px;border-radius: 50%;background: #E8E8E9 url(../images/avatar.png) no-repeat center center / contain;}
.coach-wrap .info .coach .text {flex: 1;font-size: 12px;line-height: 16px;padding: 0 2px;}
.coach-wrap .info .coach-away {text-align: right;}
.coach-wrap table {text-align: center;}
.coach-wrap table tbody {background-color: var(--color-background-3);}
.coach-wrap table th {height: var(--table-th-height);}
.coach-wrap table th:first-child,
.coach-wrap table td:first-child {text-align: left;padding-left: 10px;}
.coach-wrap table th:last-child,
.coach-wrap table td:last-child {text-align: right;padding-right: 10px;}
.coach-wrap table td {font-family: DINPro;font-size: 14px;height: var(--table-th-height);line-height: 14px;padding: 4px 0;}
.coach-wrap table tr:nth-child(1) td {color: var(--color-win);}
.coach-wrap table tr:nth-child(2) td {color: var(--color-draw);}

/* 分析-比赛面 */
.color-win {color: var(--color-win-opacity-1) !important;}
.color-lose {color: var(--color-lose-opacity-1) !important;}
.color-draw {color: var(--color-draw-opacity-1) !important;}
.record-more {display: inline-block;vertical-align: top;height: 20px;line-height: 20px;border-radius: 10px;background-color: rgba(0,0,0,.4);color: #fff;padding: 0 8px;cursor: pointer;}
.record-more::after {content: "";display: inline-block;vertical-align: bottom;width: 12px;height: 100%;background: url(../images/icon-arrow-down.png) no-repeat center center / contain;margin-left: 4px;transform: rotate(180deg);}
.record-more::before {content: "收起";}
.box-title {font-size: 20px;line-height: 28px;text-align: center;background: url(../images/live/line.png) no-repeat center bottom / auto 4px;padding-bottom: 5px;margin: 20px 0 10px;}
.box-title em {color: rgba(0, 0, 0, .7);font-size: 12px;font-weight: 500;}
.box-title span {position: relative;}
.box-title[data-type="member"] {background-image: url(../images/live/line_2.png);color: #E28F00;margin-top: 26px;}
.box-title[data-type="member"] span::after {content: "";width: 34px;height: 34px;background: url(../images/live/crown.png) no-repeat center center / contain;position: absolute;top: -25px;right: -22px;}
.box-title-wrap {text-align: center;margin: 10px 0 10px;}
.box-title-wrap .box-title {margin: 0 0 10px;}
.box-title-wrap .subtitle {color: rgba(0, 0, 0, .5);line-height: 16px;}
.record-head {position: relative;line-height: 1;display: flex;align-items: center;justify-content: center;padding: 8px 0;min-height: 20px;}
.record-head-title {max-width: 28%;margin: 0 auto;font-size: var(--text-size-md);font-weight: 500;line-height: 24px;text-align: center;}
.record-head-left,
.record-head-right {position: absolute;top: 0;bottom: 0;display: flex;align-items: center;padding: 0 var(--box-padding);}

.record-head-left {left: 0;}
.record-head-left .checkbox-group{display: flex;flex-wrap: nowrap;}
.record-head-left .checkbox-group span:not(:last-child){margin-right: 5px;}

.record-head-right {right: 0;}
.record-head ~ .placeholder {height: 40px;display: none;}
.record-head.fixed-top {position: fixed;top: 0;left: 0;right: 0;z-index: 1;background-color: #f5f5f5;}
.record-table {margin-top: var(--box-margin);text-align: center;font-size: 11px;}
.record-table .operation {line-height: 100%;padding: 8px 0;}
.record-table .table-header,
.record-table .table-body {padding: 0 var(--box-padding);}
/* .record-table tr {position: relative;} */
.record-table .table-header {display: flex;color: var(--text-color-3);}
.record-table .table-header span {flex-shrink: 0;}
.record-table .column-5,
.record-table .column-6,
.record-table .column-7,
.record-table .column-8 {width: 34px;}
.record-table .column-1 {width: 64px;}
.record-table .column-2 {width: auto;text-align: right;flex: 1;}
.record-table .column-3 {width: 60px;}
.record-table .column-4 {width: auto;text-align: left;flex: 1;}
[data-sport="basketball"] .record-table .column-1 {width: 70px;}
/* [data-sport="basketball"] .record-table .column-2 {width: 87px;} */
.record-table .table-body {background-color: var(--color-background-3);}
/* .record-table tbody td {} */
.record-table .rowtiem {min-height: 50px;line-height: 18px;border-bottom: var(--border);position: relative;display: flex;align-items: center;color: var(--text-color-3);padding: 4px 0;}
.record-table .rowtiem:last-child {border-bottom: 0;}
.record-table .rowtiem .column-2,
.record-table .rowtiem .column-4 {font-size: 12px;}
.record-table .rowtiem .name {color: var(--text-color-1);}
.record-table .rowtiem .time {font-family: DINPro;}
.record-table .rowtiem .match {color: #333;line-height: 14px;margin-top: 2px;}
.record-table .rowtiem .score {font-family: "Oswald-Regular";;font-size: 14px;color: var(--text-color-1);font-weight: bold}
.record-table .rowtiem .halfscore {font-family: "Oswald-Regular";}
p[data-pk*='-']::before,
span[data-pk*='-']::before  {content: "*";color: red;}
/* .record-table[data-ai-vis] tbody tr:nth-of-type(n+6)  {display: none;} */
.record-table[data-ai-vis] .record-more::before {content: "展开更多赛事";}
.record-table[data-ai-vis] .record-more::after {transform: rotate(0);}
.record-table .aio-loading-mini:before {position: absolute;left: 0;right: 0;}
.record-table .aio-loading-mini td {display: block;}
.record-table .aio-loading-mini{height: 50px;line-height: 50px;position: relative;}
.record-table .aio-bt-flip {padding: 14px 0;}
.recent-match {overflow: hidden;margin-top: 0;}
.recent-match .dots {text-align: center;font-size: 0;color: var(--text-color-3);line-height: 1;}
.recent-match .dots span {display: inline-block;vertical-align: middle;font-size: 10px;line-height: 12px;margin: 0 4px;}
.recent-match .dot::before {content: attr(data-status);font-style: normal;display: inline-block;vertical-align: top;margin-right: 4px;width: 12px;line-height: 12px;border-radius: 50%;text-align: center;color: #fff;font-size: 10px;}
.recent-match .dot[data-status="1"]::before {background-color: rgba(255, 0, 0, .2);}
.recent-match .dot[data-status="2"]::before {background-color: rgba(255, 0, 0, .4);}
.recent-match .dot[data-status="3"]::before {background-color: rgba(255, 0, 0, .6);}
.recent-match .dot[data-status="4"]::before {background-color: rgba(255, 0, 0, .8);}
.recent-match .dot[data-status="5"]::before {background-color: rgba(255, 0, 0, 1);}
.recent-match .content .head {height: 32px;padding: 0 10px;display: flex;align-items: center;}
.recent-match .table table {table-layout: auto;}
.recent-match .table th {height: 28px;}
.recent-match .table th:nth-child(1){ width: 80px;}
.recent-match .table th:nth-child(3),
.recent-match .table th:nth-child(5) {width: 72px;}
.recent-match .table th:nth-child(2) {width: 64px;}
.recent-match .table td {height: 42px;background-color: #fff;line-height: 1.2;position: relative;}
.recent-match .table td .dot[data-status]::before {position: absolute;left: -14px;top: 50%;transform: translateY(-50%);}
.recent-match .table tbody tr:last-child::after {display: none;}
.recent-match .table th:first-child,
.recent-match .table td:first-child {padding-left: 10px;}
.recent-match .table th:last-child,
.recent-match .table td:last-child {text-align: right;padding-right: 10px;}
.recent-match .table th:nth-child(3),
.recent-match .table td:nth-child(3) {text-align: center;padding-right: 14px;}

.bar-win {background-color: var(--color-win-opacity-1);color: var(--color-win-opacity-1);}
.bar-draw {background-color: var(--color-draw-opacity-1);color: var(--color-draw-opacity-1);}
.bar-lose {background-color: var(--color-lose-opacity-1);color: var(--color-lose-opacity-1);}
.proportion-medium {height: 14px;line-height: 14px;text-align: center;}
.proportion-medium .bar-inner {position: relative;float: left;height: 100%;border-right: 1px solid #fff;padding: 0 2px;}
.proportion-medium .bar-inner::before {content: attr(data-value);color: #fff;}
.proportion-medium .bar-inner:first-child {border-radius: 2px 0 0 2px;text-align: left;}
.proportion-medium .bar-inner:last-child {border-radius: 0 2px 2px 0;text-align: right;border-right: 0;}
.proportion-wrap .tooltip .name {font-size: 14px;}
.proportion-wrap .tooltip .stats {position: absolute;left: 0;top: 0;color: rgba(0, 0, 0, .5);font-size: 10px;}
.proportion-wrap .tooltip .stats::before {content: attr(data-label);display: inline-block;margin-right: 5px;}
.proportion-wrap .tooltip .stats span {display: inline-block;margin-right: 2px;}
.proportion-wrap .tooltip .recent {position: absolute;right: 0;top: 0;font-size: 10px;}
.proportion-wrap .tooltip .recent span {display: inline-block;margin-left: 2px;}
.proportion-wrap .tooltip,
.proportion-wrap .legend {position: relative;line-height: 22px;text-align: center;}
.proportion-wrap .legend {display: flex;}
.proportion-wrap .legend span {flex: 1;}
.proportion-wrap .legend span:first-child {text-align: left;}
.proportion-wrap .legend span:last-child {text-align: right;}
.fenxi-proportion {background-color: #fff;padding: 6px 26px 14px;}
.fenxi-proportion .desc {line-height: 22px;text-align: center;}
.fenxi-proportion .desc span {margin: 0 2px;}
.fenxi-proportion .desc em {color: #e44d5c;}
.fenxi-proportion .operation {text-align: center;line-height: 100%;margin-top: 8px;}
.fenxi-proportion .item {margin-bottom: 10px;}
.fenxi-proportion .item:nth-child(n+5) {margin-bottom: 15px;}
.fenxi-proportion .item:last-child {margin-bottom: 0  !important;}
.fenxi-proportion .top {display: none;}
.fenxi-proportion .item .name {font-size: 14px;}
.fenxi-proportion .item .proportion .bar-inner::before {font-size: 15px;}
.fenxi-proportion[data-ai-vis] .top {display: block;}
[data-sport="football"] .fenxi-proportion[data-ai-vis] .proportion-list {display: none;}
[data-sport="football"] .fenxi-proportion[data-ai-vis] .record-more::before {content: "展开更多";}
[data-sport="football"] .fenxi-proportion[data-ai-vis] .record-more::after {transform: rotate(0);}
.fenxi-contrast {background-color: #fff;padding: 10px var(--box-padding) 18px;}
.fenxi-contrast .proportion {line-height: 20px;margin-bottom: 14px;}
.fenxi-contrast .proportion:last-child {margin-bottom: 0;}

.a0item {user-select: none;}
.fenxi-score {overflow: hidden;margin-top: 0;}
.fenxi-score .header {position: relative;line-height: 32px;text-align: center;font-size: 16px;}
.fenxi-score .header .aio-checkbox {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.fenxi-score .content {background-color: #fff;padding: 0 10px 4px;}
.fenxi-score .bottom-tip {color: #999;line-height: 18px;margin-top: 4px;}
.fenxi-score .home-tip span {color: #ea3e32;}
.fenxi-score .away-tip span {color: #3a82fb;}
.fenxi-score .content-panel {padding: 6px 0;}
.fenxi-score .content-panel + .content-panel {margin-top: 8px;}
.fenxi-score .home .table-row span.active {color: #ea3e32;}
.fenxi-score .away .table-row span.active {color: #3a82fb;}
.fenxi-score .wrap {display: flex;}
.fenxi-score .table {flex: 1;text-align: center;color: #999;font-size: 11px;}
.fenxi-score .table-header {display: flex;line-height: 16px;}
.fenxi-score .table-header span,
.fenxi-score .table-row span {flex: 1;font-family: DINPro;}
.fenxi-score .row-home span.active {color: #ea3e32;}
.fenxi-score .row-away span.active {color: #3a82fb;}
.fenxi-score .table-content {overflow: hidden;border-radius: 3px;}
.fenxi-score .table-row {line-height: 28px;display: flex;}
.fenxi-score .table-row:nth-child(1) {background-color: #f9f9f9;}
.fenxi-score .table-row:nth-child(2) {background-color: #edeef3;}
.fenxi-score .thumb {width: 30px;display: flex;flex-direction: column;padding-top: 16px;}
.fenxi-score .thumb span {flex: 1;width: var(--thumb-size);}
.fenxi-score .thumb span img {height: var(--thumb-size);width: var(--thumb-size);object-fit: contain;}
.fenxi-goaltime .table-header span:nth-child(1),
.fenxi-goaltime .table-row span:nth-child(1) {flex: 0 0 54px;text-align: left;padding-left: 8px;}

.fenxi-record {overflow: hidden;margin-top: 0;}
.fenxi-record .box {position: relative;}
.fenxi-record .block-title {position: absolute;top: -27px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background: linear-gradient(270deg, #FF7310 0%, #FFA84D 99.96%, #FFAA4F 100.96%);color: #fff;font-size: 11px;line-height: 18px;border-radius: 18px;padding: 0 5px;}
.fenxi-record .recent-header {color: #333;font-size: 16px;line-height: 24px;padding: 5px 26px;overflow: hidden;}
.fenxi-record .recent-header .name {font-weight: bold;float: left;}
.fenxi-record .recent-header .count {float: right;}
.fenxi-record .recent-header .count em {color: #ff7310;padding: 0 4px;}

[data-sport="basketball"] .fenxi-score {display: none !important;}
/* 情报 */
.intelligence {padding-bottom: 48px;}
.intelligence .message {font-size: 22px;line-height: 30px;text-align: center;}
.intelligence .message h4 span {color: #D43030;}
.intelligence .message h4 em {font-family: Oswald-Regular;font-size: 30px;font-weight: bold;}
.intelligence .message p {color: #FC1C1C;font-size: 16px;font-weight: bold;}
.information-unlocked {line-height: 1;margin: 0 var(--box-padding);background: url(../images/live/unlocked-bg.png) no-repeat center center / cover;border-radius: 5px;text-align: center;padding: 18px 0 8px;}
.information-unlocked .button{height: 40px;margin: 2px 0 8px;cursor: pointer;}
.information-unlocked .text {color: rgba(117, 72, 0, .6);font-size: var(--text-size-sm);}
.information-unlocked .pic {height: 42px;margin-top: 2px;}
.information-unlock .message{padding: 6px 0;}
.information-member {position: relative;line-height: 1;background: linear-gradient(180deg, rgba(252, 237, 215, 1) 0%, rgba(235, 203, 154, 1) 100%);border-radius: 5px;overflow: hidden;margin: 0 var(--box-padding) 15px;padding: 15px 10px;}
.information-member::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/logo-watermark.png) repeat 0 0 / 78px auto;opacity: .1;}
.information-member .member-title {color: #e28f00;font-size: 18px;font-weight: bold;line-height: 28px;text-align: right;padding-right: 50px;margin-bottom: 4px;}
.information-member .unlockpic {position: absolute;right: 0;top: 0;z-index: 1;width: 95px;}
/* .information-member .information-list {margin-top: -25px;} */
.information-member .content-box {position: relative;background-color: rgba(255, 255, 255, .7);border-radius: 5px;padding: 14px 12px;margin-bottom: 10px;}
.information-member .content-box:last-child {margin-bottom: 0;}
.information-member .content-box .head {margin-bottom: 8px;}
.information-member .content-box .title {font-size: 18px;font-weight: bold;line-height: 20px;}
.information-member .content-box .subtitle {color: rgba(0, 0, 0, .5);line-height: 18px;}
.information-member .team-wrap {display: flex;align-items: center;font-size: 12px;}
.information-member .team-wrap .team-home,
.information-member .team-wrap .team-away {flex: 1;}
.information-member .team-wrap .team-away {text-align: right;}
.information-member .team-wrap .team-icon {display: inline-block;width: 25px;height: 25px;}
.information-member .team-wrap .team-name {display: block;margin-top: 2px;}
.information-member .team-wrap .score {font-family: Oswald-Regular;color: #D43030;font-size: 26px;font-weight: bold;}
.information-member .line-wrap {position: relative;height: 136px;margin: 0 -12px 34px;}
.information-member .line-wrap::after {content: "";position: absolute;left: 0;right: 0;bottom: -1px;border-top: 1px solid rgba(0, 0, 0, .5);transform: var(--border-width);}
.information-member .line-wrap .line-item {position: relative;width: 25%;float: left;height: 100%;display: flex;justify-content: center;align-items: flex-end;padding-top: 18px;}
.information-member .line-wrap .line-item::before {content: attr(data-label);position: absolute;bottom: -38px;left: 50%;transform: translateX(-50%);white-space: nowrap;color: rgba(0,0,0,.5);}
.information-member .line-wrap .line {position: relative;width: 8px;height: 100%;}
.information-member .line-wrap .line:not(:last-child) {margin-right: 17px;}
.information-member .line-wrap .line span {position: absolute;left: 50%;transform: translateX(-50%);line-height: 16px;white-space: nowrap;}
.information-member .line-wrap .line .value {top: -18px;}
.information-member .line-wrap .line .label {bottom: -22px;}
.information-member .line-wrap .lineinner {border-radius: 2px 2px 0 0;}
.information-member .sblist {display: flex;justify-content: space-between;}
.information-member .sblist .sb-item {text-align: center;}
.information-member .sblist .sb-item .label {color: rgba(0, 0, 0, .6);line-height: 16px;margin-bottom: 6px;}
.information-member .sblist .sb-item .value {font-size: 16px;font-weight: bold;line-height: 20px;}
.information-member:last-child {margin-bottom: 0;}
/* #memberlist {padding-bottom: 0;} */
.information-list-wrap {position: relative;background-color: #fcf5e3;border-radius: 5px;overflow: hidden;margin: 0 var(--box-padding);padding: 0 10px;}
.information-list-wrap[data-ai-vis="1"] .record-more::after{transform: rotate(360deg);}
.information-list-wrap::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:  url(../images/logo-watermark.png) repeat 0 0 / 78px auto;opacity: .06;pointer-events: none;}
.information-item {position: relative;padding: 14px 0;line-height: 1;}
.information-item .classify {display: inline-block;vertical-align: top;background-color: #fff;border-radius: 2px;overflow: hidden;}
.information-item .classify span {float: left;width: 40px;color: var(--color-win);font-size: 12px;font-weight: bold;line-height: 18px;text-align: center;}
.information-item .classify .classify-1 {background-color: var(--color-win);color: #fff;border-radius: inherit;}
.information-item .title-text {display: block;font-size: var(--text-size-md);font-weight: 400;line-height: 24px;margin: 3px 0;}
.information-item .pic {border-radius: 5px;margin-bottom: 8px;}
.information-item .summary {font-size: 14px;line-height: 22px;text-align: justify;}
.information-item.away .classify span {color: var(--color-draw);}
.information-item.away .classify .classify-1 {background-color: var(--color-draw);color: #fff;}
.information-item::after {content: "";position: absolute;left: 5px;right: 5px;bottom: 0;border-top: 1px solid rgba(0, 0, 0, .2);transform: var(--border-width);}
.information-item:last-child::after {display: none;}
.information-list-wrap .operation {text-align: center;position: relative;z-index: 1;}
.information-list-wrap .record-more::before {content: "收起";}
.information-list-wrap .record-more {margin-top: 0;margin-bottom: 10px;}
/* .information-list-wrap[data-ai-vis] .information-item:nth-child(n+2)::after {display: none;} */
/* .information-list-wrap[data-ai-vis] .information-item:nth-child(n+3) {display: none;} */
/* .information-list-wrap[data-ai-vis] .record-more::before {content: attr(data-label);} */
.player-table {text-align: center;font-size: 12px;line-height: 1;}
.player-table .table-column-1 {width: 180px;text-align: left;padding-left: 10px;}
.player-table th {font-size: 11px;font-weight: 400;height: 32px;}
.player-table th .icon {width: var(--thumb-size);height: var(--thumb-size);display: inline-block;vertical-align: middle;margin-right: 18px;}
.player-table td {padding: 8px 0;font-size: 14px;}
.player-table td em {font-family: DINPro;}
.player-table tbody {background-color: #fff;}
.player-table tbody tr {cursor: pointer;}
.player-table .player {display: flex;align-items: center;}
.player-table .player .icon {width: 30px;height: 30px;border-radius: 50%;background: #E8E8E9 no-repeat center center / contain;margin-right: 4px;object-fit: contain;}
.player-table .player .text {flex: 1;overflow: hidden;}
.player-table .player .name {line-height: 16px;font-size: 12px;}
.player-table .player .classify {display: inline-block;vertical-align: top;background: linear-gradient(133.41deg, rgba(255, 134, 60, 1) 0%, rgba(255, 177, 28, 1) 100%);color: #fff;font-size: 11px;line-height: 14px;text-align: center;width: 30px;border-radius: 2px;}
.information-overseas-list {margin: 0 var(--box-padding) 8px;line-height: 1;background-color: var(--color-background-3);box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);border-radius: 5px;padding: 10px 24px 4px 35px;}
.information-overseas-list .overseas-item {position: relative;padding: 8px 0;}
.information-overseas-list .overseas-item::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;border-top: 1px solid #e6e7ef;transform: var(--border-width);}
.information-overseas-list .overseas-item:last-child::after {display: none;}
.information-overseas-list .overseas-item h3 {position: relative;font-size: 14px;line-height: 20px;}
.information-overseas-list .overseas-item h3::before {content: "";width: 10px;height: 10px;border-radius: 50%;background-color: var(--color-theme);position: absolute;left: -20px;top: 5px;}
.information-overseas-list.home .overseas-item h3::before {background-color: var(--color-home);}
.information-overseas-list.away .overseas-item h3::before {background-color: var(--color-away);}
.information-overseas-list .overseas-item p {color: rgba(0, 0, 0, .4);font-size: 12px;line-height: 20px;}
.information-news-list {margin: 0 var(--box-padding) 8px;line-height: 1;background-color: var(--color-background-3);box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);border-radius: 5px;padding: 10px;}
.information-news-list .news-item {margin: 10px 0;}
.information-news-list .news-item a {position: relative;display: block;font-size: 14px;line-height: 20px;padding: 7px 30px 7px 5px;background-color: #F5F5F5;border-radius: 2px;}
.information-news-list .news-item .icon-arrow-right {position: absolute;right: 10px;top: 50%;margin-top: -10px;color: rgba(0, 0, 0, 0.3);font-size: 20px;}

/* 指数 */
.card-header {padding: 4px var(--box-padding);display: flex;align-items: center;justify-content: space-between;}
.card-header .title {font-size: var(--text-size-md);}
.card-header .title small {color: #999;font-weight: 500;margin-left: 4px;line-height: 16px;}
.card-header p {color: #999;}
.odds-list .odds-item {display: flex; align-items: center;background-color: var(--color-background-3);width: 100%;font-size: 12px;line-height: 54px;padding: 0 10px 0 15px;margin-bottom: 1px;}
.odds-list .odds-item p {line-height: 20px;}
.odds-list .odds-item > div {flex: 1;}
.odds-list .odds-item > div:not(:first-child) {text-align: center;color: #666;}
.odds-list .odds-item > div:nth-of-type(n+3) {font-size: 14px;}
.odds-list .odds-item > div:first-child {flex: none;width: 40px;}
.odds-list .odds-item .btn {flex: none;width: 20px;}
.odds-list .odds-item .btn .iconfont {font-size: 18px;color: rgba(0,0,0,.7);vertical-align: bottom;}
.odds-list .odds-item .odd p {font-family: DINPro;}
.odds-list .odds-item .odd .max {color: var(--color-win);}
.odds-list .odds-item .odd .min {color: var(--color-lose);}
.odds-detail {text-align: center;}
.odds-detail .thead {background-color: #fafafa;line-height: 36px;display: flex;font-size: 14px;margin-bottom: 1px;}
.odds-detail .thead span {flex: 1;}
.odds-detail .thead span:nth-child(1),
.odds-tree .odds-sidebar {flex: none;width: 65px;border-right: 5px solid transparent;}
.odds-tree {display: flex;}
.odds-tree .odds-sidebar {border-right-color: var(--color-background-main);}
.odds-tree .sidebar-item {display: table;width: 100%;background-color: #fff;height: 41px;padding: 2px;}
.odds-tree .sidebar-item span {display: table-cell;vertical-align: middle;line-height: 16px;}
.odds-tree .sidebar-item.active {background-color: var(--color-theme);color: #fff;}
.odds-tree .odds-content {flex: 1;}
.odds-tree .odds-item {display: flex;background-color: #fff;line-height: 40px;}
.odds-tree .odds-item span {flex: 1;text-align: center;}
.odds-tree .odds-item .date {color: #999;}
.odds-tree .odds-item .min {color: var(--color-lose);}
.odds-tree .odds-item .max {color: var(--color-win);}
.odds-tree .sidebar-item,
.odds-tree .odds-item {border-bottom: 1px solid var(--color-background-main);}
/* 方案 */
.subhead {display: flex;align-items: center;justify-content: space-between;line-height: 1;padding: 0 var(--box-padding) 10px;}
.subhead h3 {font-size: 12px;}
.analyst-list .list-flip {clear: both;}
.analyst-item {background-color: var(--color-background-3);box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.03);margin-bottom: 10px;padding: 10px;}
.analyst-info {display: flex;align-items: center;line-height: 1;margin-bottom: 12px;}
.analyst-avatar {position: relative;width: 40px;height: 40px;border-radius: 50%;background: #efeff1 url(../images/avatar-default.png) no-repeat center center / cover;margin-right: 4px;}
.analyst-avatar[data-chargecount]::before {content: attr(data-chargecount);position: absolute;top: 0;left: 0;background-color: var(--color-theme);min-width: 6px;line-height: 10px;border-radius: 5px;padding: 0 2px;color: #fff;font-size: 8px;text-align: center;}
.analyst-badge {position: absolute;bottom: -5px;left: 50%;width: 42px;margin-left: -21px;background: no-repeat center center / contain;}
.analyst-badge::before {content: ""; display: block;padding-top: 42.55%;}
.analyst-badge[data-badge="白银"] {background-image: url(../images/author_rank_2.png);}
.analyst-badge[data-badge="黄金"] {background-image: url(../images/author_rank_3.png);}
.analyst-badge[data-badge="钻石"] {background-image: url(../images/author_rank_4.png);}
.analyst-badge[data-badge="王者"] {background-image: url(../images/author_rank_5.png);}
.analyst-badge[data-badge="至尊"] {background-image: url(../images/author_rank_6.png);}
.analyst-badge[data-badge="特邀"] {background-image: url(../images/author_rank_7.png);}
.analyst-badge[data-badge="海外"] {background-image: url(../images/author_rank_8.png);}
.analyst-badge[data-badge="主播"] {background-image: url(../images/author_rank_9.png);}
.analyst-info .info {flex: 1;overflow: hidden;}
.analyst-info .name {font-size: 15px;font-weight: 500;display: inline-block;vertical-align: middle;line-height: 20px;max-width: 90px;margin-right: 5px;}
.analyst-info .name a {display: inline;}
.analyst-info .recent-1,
.analyst-info .recent-2 {display: inline-block;vertical-align: middle;color: #fff;font-size: var(--text-size-xs);text-align: center;min-width: 40px;line-height: 18px;border-radius: 2px;padding: 0 4px;}
.analyst-info .recent-1 {background-color: rgba(228,77,92,.8);}
.analyst-info .recent-2 {background-color: rgba(58,130,251,.8);}
.analyst-info .taglist {display: flex;align-items: center;flex-wrap: wrap;margin-top: 5px;}
.analyst-info .taglist::before {content: "擅长";font-size: var(--text-size-xs);color: var(--text-color-2);margin-right: 8px;}
.analyst-info .taglist .tag {color: #868689;font-size: var(--text-size-xs);line-height: 16px;margin-right: 14px;}
.analyst-info .percent{padding-right: 10px;}
.analyst-info .percent span {display: block;text-align: right;color: #e44d5c;font-size: var(--text-size-xs);}
.analyst-info .percent .number {margin-bottom: 4px;position: relative;}
.analyst-info .percent .number em {font-size: 26px;font-family: Oswald-Regular;}
.analyst-info .percent .number::after{content: "%";position: absolute;left: 100%;bottom: 0;}
.analyst-guide-item .link {position: relative;display: block;line-height: 1;padding-left: 46px;}
.analyst-guide-item .classify {position: absolute;left: 0;top: 1.5px;width: 40px;line-height: 16px;border: 1px solid #3183fc;border-radius: 2px;color: #3183fc;font-size: var(--text-size-xs);text-align: center;}
.analyst-guide-item .titlebox {position: relative;background: linear-gradient(90deg, #e5e5e5 0%, #fff 100%);border-radius: 2px;color: #767676;font-size: var(--text-size-sm);line-height: 20px;height: 20px;padding-left: 70px;}
.analyst-guide-item .titlebox .match {position: absolute;left: 4px;top: 0;}
.analyst-guide-item .titlebox .title {font-size: inherit;font-weight: 400;}
.analyst-guide-item .titlebox .iconpic {position: absolute;right: 10px;top: 0;bottom: 0;width: 12px;background: url(../images/icon/guide_basketball.png) no-repeat center center / contain;}
.analyst-guide-item .titlebox .iconpic[data-sport="football"] {background-image: url(../images/icon/guide_football.png);}
.analyst-guide-item .text {position: relative;padding: 2px 50px 0 0;}
.analyst-guide-item .summary {color: #333;font-size: 14px;line-height: 20px;}
.analyst-guide-item .pricebox {position: absolute;right: 10px;bottom: 0;width: 50px;text-align: right;color: #000;}
.analyst-guide-item .price {display: block;font-size: var(--text-size-xs);line-height: 16px;}
.analyst-guide-item .price em {display: block;font-family: Oswald-Regular;font-size: 18px;line-height: 20px;}
.analyst-guide-item .free {font-size: 15px;font-weight: bold;line-height: 20px;}
.analyst-guide-item .information {margin-top: 8px;line-height: 16px;}
.analyst-guide-item .information span {display: inline-block;vertical-align: top;color: var(--text-color-2);font-size: var(--text-size-xs);margin-right: 15px;}
.analyst-guide-item .information .forecast {float: right;margin-right: 0;}
.analyst-guide-item .information .read .icon-read {font-size: 10px;margin-right: 2px;}
.analyst-guide-list-wrap .more {color: #e44d5c;font-size: var(--text-size-xs);text-align: center;}
/* 统计 */
.statistics {background-color: #fff;}
.statistics .box-title {margin: 10px 0 20px;}
.statistics .tabs-header {display: flex;justify-content: center;}
.statistics .tabs-header .a0item {position: relative;line-height: 32px;color: #999;margin: 0 14px;padding: 0 3px;cursor: pointer;}
.statistics .tabs-header .a0item[data-ai-vis]::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 3px;background-color: var(--color-theme);}
.statistics-info {display: flex;justify-content: space-between;padding: 0 var(--box-padding);}
.statistics-info .panel {background: no-repeat center center / cover;display: flex;align-items: center;height: 38px;width: 120px;padding: 0 6px;}
.statistics-info .panel:nth-child(1) {background-image: url(../images/live/panel_1.png);color: var(--color-win);text-align: left;}
.statistics-info .panel:nth-child(2) {background-image: url(../images/live/panel_2.png);color: var(--color-draw);text-align: right;justify-content: flex-end;padding-left: 10px;}
.statistics-info .panel .icon {width: 28px;height: 28px;}
.statistics-info .panel .text {flex: 1;padding: 0 2px;font-size: 11px;line-height: 16px;overflow: hidden;}
.statistics-info .panel .name {white-space: nowrap;}
.statistics-info .panel .count {color: #333;font-weight: normal;font-size: 12px;}
.statistics-info .panel .count::after {content: "场赛事";}
.statistics-list .item {display: flex;align-items: center;padding: 26px var(--box-padding);line-height: 1;}
.statistics-list .title {width: 55px;text-align: center;color: #666;font-size: 14px;line-height: 18px;}
.statistics-list .box {position: relative;flex: 1;white-space: nowrap;font-size: 11px;}
.statistics-list .box .line {overflow: hidden;height: 16px;border-radius: 2px;background-color: var(--color-win-opacity-2);}
.statistics-list .box .line-inner {height: 100%;background-color: var(--color-win-opacity-1);}
.statistics-list .box .number {line-height: 16px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.statistics-list .box .number span {display: block;}
.statistics-list .box .number .center {padding: 0 4px;color: #fff;}
.statistics-list .box .num-left {left: 0;}
.statistics-list .box .num-right {text-align: right;right: 0;}
.statistics-list .box.line-away .line {background-color: var(--color-draw-opacity-2);}
.statistics-list .box.line-away .line-inner {background-color: var(--color-draw-opacity-1);}


/**/
.aio-ratio-bar {font-size: 0;white-space: nowrap;height: 16px;line-height: 16px;}
.aio-ratio-bar span {display: inline-block;vertical-align: top;font-family: DINPro;}
.aio-ratio-bar .value {padding: 0 10px;}
.aio-ratio-bar .inner-bar {position: relative;display: inline-block;vertical-align: top;height: 100%;color: #fff;font-size: 12px;text-align: center;border-right: 1px solid #fff;}
.aio-ratio-bar .inner-bar:first-child {text-align: left;border-radius: 2px 0 0 2px;}
.aio-ratio-bar .inner-bar:last-child {text-align: right;border-radius: 0 2px 2px 0;border-right: 0;}
.aio-ratio-bar .inner-win {background-color: var(--color-win-opacity-1);}
.aio-ratio-bar .inner-draw {background-color: var(--color-draw-opacity-1);}
.aio-ratio-bar .inner-lose {background-color: var(--color-lose-opacity-1);}
.aio-ratio-bar .label {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);color: #333;line-height: 20px;}
.aio-ratio-bar.label-top {margin-top: 20px;}
.aio-ratio-bar.label-top .label {transform: none;top: auto;bottom: 100%;padding: 0;}
.aio-ratio-bar.label-top .inner-bar:first-child .label {left: 0;}
.aio-ratio-bar.label-top .inner-bar:last-child .label {left: auto;right: 0;}
.aio-action-bar {position: fixed;right: 0;bottom: 0;left: 0;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);background-color: var(--color-background-main);z-index: 3;}
.aio-submit-tip {line-height: 24px;font-size: 12px;background-color: #ebebeb;text-align: center;}
.submit-bar {width: 100%;height: 48px;line-height: 48px;display: flex;align-items: center;background-color: #fff;}
.submit-bar .text {flex: 1;padding: 0 10px;font-size: 14px;line-height: 20px;}
.submit-bar .text em {color: #ea3e32;}
.submit-bar .button {height: 100%;width: 100px;border: 0;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);font-size: 15px;color: #fff;text-align: center;}
/* .submit-bar .button:before {content: "立即开通";}
.submit-bar .button[data-is-vip="1"]:before {content: "立即续费";} */
.submit-bean-bar {display: flex;}
.submit-bean-bar .button {flex: 1;border: 0;background-color: #fff;height: 50px;line-height: 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.submit-bean-bar .button:nth-child(2) {background-color: var(--color-theme);color: #fff;}
.submit-bean-bar .button p {font-size: 12px;}
.submit-bean-bar .button h5 {font-size: 15px;font-weight: bold;}
/* 同赔 */
/* .z9body {padding-bottom: 24px;} */
.z9body.is-member {padding-bottom: 74px;}
.tonpei-top {background-color: #fff;padding: 4px var(--box-padding);margin-bottom: 10px;}
.tonpei-top .title {border-bottom: var(--border);line-height: 32px;color: rgba(0, 0, 0, .9);font-size: 14px;}
.tonpei-top .title span {margin-left: 4px;color: var(--color-theme);display: inline-flex;align-items: center;cursor: pointer;}
.tonpei-top .title span::after {content: "";background: url(../images/icon/icon-triangle.png) no-repeat center center / contain;display: block;width: 10px;height: 10px;margin-left: 2px;}
.tonpei-top .tabs-wrap {display: flex;justify-content: space-between;}
.tonpei-top .tabs-wrap .tab-item {display: flex;align-items: center;padding: 8px 0;font-size: 14px;line-height: 20px;}
.tonpei-top .tabs-wrap .tab-item.pk1::before {content: "初始";}
.tonpei-top .tabs-wrap .tab-item.pk2::before {content: "即时";}
.tonpei-top .tabs-wrap .tab-item.active a {background-color: var(--color-theme);color: #fff;}
.tonpei-top .tabs-wrap a {width: 110px;overflow: hidden;background-color: rgba(163, 163, 163, .2);display: block;color: rgba(51,51,51,.8);font-size: 12px;line-height: 16px;border-radius: 8px;margin-left: 4px;}
.tonpei-top .tabs-wrap span {width: 33.3333%;float: left;text-align: center;}
.tonpei-top .tabs-wrap a[data-ai-vis] {color: #fff;background-color: var(--color-theme);}
.tonpei-wrap {background-color: #fff;padding: 0 var(--box-padding);}
.tonpei-wrap .tabs-wrap {display: flex;justify-content: center;padding-bottom: 10px;border-bottom: var(--border);}
.tonpei-wrap .tabs-wrap .a0item {position: relative;font-size: 14px;line-height: 30px;text-align: center;margin: 0 40px;}
.tonpei-wrap .tabs-wrap .a0item[data-ai-vis] {color: var(--color-theme);}
.tonpei-wrap .tabs-wrap .a0item[data-ai-vis]::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color: var(--color-theme);}
.tonpei-data {padding: 10px 0;}
.tonpei-data .header {display: flex;font-size: 14px;line-height: 20px;padding-bottom: 10px;}
.tonpei-data li{flex: 1;text-align: center;}
.tonpei-data li:first-child {text-align: left;}
.tonpei-data li:last-child {text-align: right;}
.tonpei-data .body li {display: flex;align-items: center;margin: 14px 0 32px;}
.tonpei-data .body li:last-child {margin-bottom: 0;}
.tonpei-data .body .label {width: 74px;text-align: center;}
.tonpei-data .proportion {overflow: hidden;border-radius: 2px;height: 14px;line-height: 14px;white-space: nowrap;font-size: 0;}
.tonpei-data .proportion span {display: inline-block;vertical-align: top;font-size: 12px;color: #fff;padding: 0 3px;}
.tonpei-data .proportion span:first-child {text-align: left;}
.tonpei-data .proportion span:last-child {text-align: right;}
.tonpei-data .proportion .win {background-color: var(--color-win);}
.tonpei-data .proportion .draw {background-color: var(--color-draw);}
.tonpei-data .proportion .lost {background-color: var(--color-lose);}
.tonpei-data .proportion-box {position: relative;flex: 1;text-align: center;}
.tonpei-data .proportion-box .count {position: absolute;left: 0;right: 0;bottom: 100%;line-height: 20px;font-size: 14px;}
.tonpei-ds {padding-bottom: 20px;}
.tonpei-ds .section {margin-bottom: 25px;}
.tonpei-ds .section:last-child {margin-bottom: 0;}
.tonpei-ds .section .content {line-height: 20px;border-radius: 8px;background: linear-gradient(135deg, #FFFFFF 0%, #F7FAFF 100%);box-shadow: 0px 0px 10px 0px #E0E0E0;padding: 18px 10px 14px;}
.tonpei-ds .section .answer {font-size: 12px;margin-top: 18px;}
.tonpei-ds .section .answer .drop {color: var(--color-lose);}
.tonpei-ds .section .answer .drop::after {content: "↓";}
.tonpei-ds .section .answer .rise {color: var(--color-win);}
.tonpei-ds .section .answer .rise::after {content: "↑";}
.tonpei-ds .section .answer dt {padding-left: 22px;position: relative;color: var(--color-theme);background: url(../images/icon/icon-lecturer.png) no-repeat left center / 20px auto;}
.tonpei-ds .section .answer dd {margin-bottom: 5px;}
.tonpei-ds .section .answer dd:last-child {margin-bottom: 0;}
.tonpei-ds .section .header {position: relative;font-size: 14px;margin-bottom: 8px;height: 20px;}
.tonpei-ds .section .header-left {position: absolute;left: 0;top: 0;}
.tonpei-ds .section .header-right {position: absolute;right: 0;top: 0;}
.tonpei-ds .section .header-title {text-align: center;line-height: 20px;}
.tonpei-ds .section .header .block {margin: 0 10px;vertical-align: top;display: inline-flex;align-items: center;}
.tonpei-ds .section .header .block::before {content: "";display: block;width: 20px;height: 6px;margin-right: 2px;background-color: #3880f7;}
.tonpei-ds .section .header .block20::before {background-color: #85afef;}
.tonpei-ds .section .header .dot {position: relative;display: inline-block;vertical-align: top;font-size: 10px;padding-left: 14px;margin-right: 15px;}
.tonpei-ds .section .header .dot::before {content: "";position: absolute;top: 50%;left: 0;width: 10px;height: 10px;margin-top: -5px;border-radius: 50%;background-color: var(--color-win-opacity-1);}
.tonpei-ds .section .header .dot-draw::before {background-color: var(--color-draw-opacity-1);}
.tonpei-ds .section .header .dot-lose::before {background-color: var(--color-lose-opacity-1);}
.tonpei-ds .roundbox {display: flex; align-items: center;}
.tonpei-ds .roundbox .round {flex: 1;}
.tonpei-ds .score-box {display: flex;}
.tonpei-ds .score-box .bfbox {overflow: hidden;text-align: center;flex: 1;border: 0.5px solid #3880f7;border-radius: 4px;margin-right: 20px;}
.tonpei-ds .score-box .bfbox .bf-title {line-height: 18px;color: #fff;font-size: 12px;background-color: #3880f7;}
.tonpei-ds .score-box .bfbox .bf-item {float: left;width: 33.3333%;font-family: DINPro;margin: 8px 0;}
.tonpei-ds .score-box .bfbox .bf-item em {display: block;font-family: DINPro;font-size: 14px;color: #3880f7;}
.tonpei-ds .score-box .bfbox:nth-child(2) {margin-right: 0;border-color:  #85afef;}
.tonpei-ds .score-box .bfbox:nth-child(2) .bf-title {background-color: #85afef;}
.tonpei-ds .goals-echart {overflow: auto;height: 150px;}
.tonpei-odds .aio-cell {padding: 8px 0;}
.tonpei-odds .header {position: relative;font-size: 14px;line-height: 20px;text-align: center;margin-bottom: 6px;}
.tonpei-odds .header .detail-btn {position: absolute;right: 0;top: 0;color: rgba(0, 0, 0, .5);font-size: 12px;}
.tonpei-odds .header .detail-btn .iconfont {font-size: 12px;}
.tonpei-odds .datainfo {margin-top: 16px;}
.tonpei-odds .datainfo .item {line-height: 18px;display: flex;margin-bottom: 14px;}
.tonpei-odds .datainfo .item:last-child {margin-bottom: 0;}
.tonpei-odds .datainfo .item span {flex: 1;text-align: center;}
.tonpei-odds .datainfo .item span:first-child{text-align: left;}
.tonpei-odds .datainfo .item span em {color: #ea3e32;margin-right: 4px;}
.tonpei-odds .datainfo .item.win span:nth-child(2) em {color: var(--color-win);}
.tonpei-odds .datainfo .item.draw span:nth-child(2) em {color: var(--color-draw);}
.tonpei-odds .datainfo .item.lose span:nth-child(2) em {color: var(--color-lose);}
.select-handicap {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;max-width: 650px;width: 98%;border-radius: 3px;overflow: hidden;}
.select-handicap thead {line-height: 40px;background-color: #fff0e8;font-size: 14px;}
.select-handicap th:nth-child(1),
.select-handicap td:nth-child(1) {width: 90px;}
.select-handicap td {background-color: #f5f5f5;border-bottom: 1px solid #fff;}
.select-handicap tr:last-child td {border-bottom: 0;} 
.select-handicap td a {line-height: 20px;display: flex;background-color: #fff;border-radius: 10px;color: var(--color-theme);margin: 10px 4px;}
.select-handicap td a span {flex: 1;text-align: center;}
.select-handicap .table-body {max-height: 204px;overflow: auto;}
.select-handicap td a.active {background-color: var(--color-theme);color: #fff;}
/* 极限 */
.aio .section {background-color: #fff;}
.aio .section::before,
.aio .section::after {content: "";display: table;}
.limit section {margin-bottom: 10px;}
.limit .islimit-box {position: fixed;top: 440px;bottom: 0;left: 0;right: 0;color: #fff;background-color: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;}
.limit-info {background: linear-gradient(135deg, #FFFAFA 0%, #F7FAFF 100%);box-shadow: 0px 0px 10px 0px #C6CACF;border-radius: 5px;padding: 8px 0;margin: 0 var(--box-padding) 8px;}
.limit-info .list {display: flex;text-align: center;}
.limit-info .list .item {flex: 1;}
.limit-info .list .item h3 {font: 18px/24px DINPro;}
.limit-info .list .item h3.red {color: var(--color-red);}
.limit-info .list .item h3.green {color: var(--color-green);}
.limit-info .list .item p {color: rgba(0, 0, 0, .7);font-size: 10px;line-height: 16px;}
.limit-info .note {color: rgba(0, 0, 0, .3);font-size: 10px;line-height: 16px;text-align: center;margin-top: 8px;}
.limit-data .head {line-height: 18px;display: flex;align-items: center;justify-content: space-between;padding: 5px var(--box-padding) 8px;}
.limit-data .head .title {font-size: 14px;}
.limit-data .head .legend span {display: inline-block;vertical-align: top;font-size: 10px;margin-left: 10px;}
.limit-data .head .legend span:last-child {margin-right: 0;}
.limit-data .head .legend span::before {content: "";display: inline-block;vertical-align: middle;margin-right: 2px;width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-win-opacity-1);}
.limit-data .head .legend span:nth-child(2)::before {background-color: var(--color-draw-opacity-1);}
.limit-data .proportion-list {margin: 0 var(--box-padding) 10px;}
.limit-data .proportion-list .item {margin-bottom: 16px;}
.limit-data .proportion-list .item::before {content: "";display: table;}
.limit-data .proportion-list .item:last-child {margin-bottom: 0;}
.limit-data .table-wrap.full {display: flex;}
.limit-data .table-wrap.full .table {flex: 1;}
.limit-data .table-wrap.full .table:first-child {border-right: var(--border);}
.limit-data .table {text-align: center;font-size: 12px;}
.limit-data .table .column-1 {width: 50px;text-align: left;padding-left: 10px;}
.limit-data .table-head {background-color: #fffafa;}
.limit-data .table-head th {color: #666;line-height: 18px;padding: 6px 0;}
.limit-data .table-head th:first-child::before {content: "";display: inline-block;vertical-align: 2px;margin-right: 4px;width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-win-opacity-1);}
.limit-data .table-body td {line-height: 16px;padding: 10px 0;border-bottom: var(--border);}
.limit-data .table-body .column-1 {text-align: center;}
.limit-data .table-body tr:last-child td {border-bottom: 0;}
.limit-data .table-body td:not(:first-child) {font-family: DINPro;}
.limit-data .table.away .table-head {background-color: #f7faff;}
.limit-data .table.away .table-head th:first-child::before {background-color: var(--color-draw-opacity-1);}

/* AI预测 */
.ai-wrap {padding: 20px var(--box-padding) 0;}
.ai-wrap-bottom{padding-bottom: 55px;}
.ai-wrap .item {margin-bottom: 15px;}
.ai-wrap .title{font-size: 15px;line-height: 20px;text-align: center;padding-bottom: 8px;background: url(../images/live/line.png) no-repeat center 20px;background-size: 100% auto;}
.ai-wrap .card-item {position: relative;background: linear-gradient(135deg, #fffafa 0%, #f7faff 100%);border-radius: 5px;padding: 0 5px;margin-bottom: 5px;}
.ai-wrap .card-inner {display: flex;align-items: center;min-height: 88px;}
.ai-wrap .card-inner > * {flex: 1;}
.ai-wrap .card-item:last-child {margin-bottom: 0;}
.ai-wrap .card-item::before,
.ai-wrap .card-item::after,
.ai-wrap .card-inner::before,
.ai-wrap .card-inner::after {content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background-color: #f0eff2;}
.ai-wrap .card-item::before {top: 6px;left: 6px;}
.ai-wrap .card-item::after {top: 6px;right: 6px;}
.ai-wrap .card-inner::before {left: 6px;bottom: 6px;}
.ai-wrap .card-inner::after {right: 6px;bottom: 6px;}
.ai-wrap .card-item .item-label {position: absolute;top: 10px;left: 0;right: 0;line-height: 18px;text-align: center;}
.ai-wrap .aio-ratio-bar .inner-bar .label::before {content: "";display: inline-block;vertical-align: 2px;width: 5px;height: 5px;border-radius: 50%;margin-right: 4px;}
.ai-wrap .aio-ratio-bar .inner-bar .label::before {background-color: var(--color-win);}
.ai-wrap .aio-ratio-bar .inner-draw .label::before {background-color: var(--color-draw);}
.ai-wrap .aio-ratio-bar .inner-lose .label::before {background-color: var(--color-lose);}
.ai-wrap .aio-ratio-bar .inner-bar[data-pick="首选"]::before {background-image: url(../images/data/icon_bubble_2.png);}
.ai-wrap .aio-ratio-bar .inner-bar[data-pick="次选"]::before {background-image: url(../images/data/icon_bubble_1.png);}
.ai-wrap .aio-ratio-bar .inner-bar::before {content: "";width: 40px;height: 25px;position: absolute;left: 50%;bottom: 84%;margin-left: -20px;background: no-repeat center center / contain;}
.ai-wrap .aio-ratio-bar .inner-bar:first-child::before {left: 2px;margin-left: 0;}
.ai-wrap .aio-ratio-bar .inner-bar:last-child::before {left: auto;right: 2px;margin-left: 0;}
.ai-wrap .aio-ratio-bar .inner-bar.active[data-pick="首选"]::after {background-image: url(../images/seal_1.png);}
.ai-wrap .aio-ratio-bar .inner-bar::after {content: "";position: absolute;left: 50%;top: -30px;margin-left: 16px;width: 24px;height: 24px;background: no-repeat center center / contain;}
.ai-wrap .aio-ratio-bar .inner-bar:first-child::after {left: 36px;margin-left: 0;}
.ai-wrap .aio-ratio-bar .inner-bar:last-child::after {left: auto;right: 36px;margin-left: 0;}
.ai-wrap .bf-content .team {text-align: center;}
.ai-wrap .bf-content .team .icon {display: block;width: 40px;height: 40px;margin: 0 auto 4px;}
.ai-wrap .bf-content .team .name {line-height: 18px;}
.ai-wrap .bf-content .score-list {display: flex;flex-direction: column;flex: 0 0 80px;}
.ai-wrap .bf-content .score-item {flex: 1;text-align: center;font-size: 16px;line-height: 26px;font-weight: bold;}
.ai-wrap .bf-content .score-item span {display: inline-block;position: relative;}
.ai-wrap .bf-content .score-item span::after {content: "";position: absolute;right: -12px;top: -10px;width: 24px;height: 24px;background: no-repeat center center / contain;}
.ai-wrap .bf-content .score-item.active span::after {background-image: url(../images/seal_1.png);}
.ai-wrap .line-list {padding: 18px 5px;}
.ai-wrap .line-item {display: flex;align-items: center;line-height: 100%;margin-bottom: 15px;}
.ai-wrap .line-item:last-child {margin-bottom: 0;}
.ai-wrap .line-item .label {width: 90px;text-align: right;margin-right: 5px;}
.ai-wrap .line-item .linebar {position: relative;flex: 1;height: 16px;line-height: 16px;border-radius: 8px;background-color: #f5f5f5;}
.ai-wrap .line-item .line {float: left;height: 100%;border-radius: inherit;background-color: #ffa221;}
.ai-wrap .line-item .text {position: absolute;right: 10px;top: 0;}
.ai-wrap .line-item:nth-child(2) .line {background-color: #40a2f4;}
.ai-wrap .line-item:nth-child(3) .line {background-color: #fb4a4a;}
.ai-wrap .line-item:nth-child(4) .line {background-color: #fb8f4a;}
.unlock-mask {overflow: hidden;background-color: rgba(0, 0, 0, .8);padding: 30px 0;text-align: center;position: relative;z-index: 2;min-height: 70vh;}
.unlock-mask .login-button {display: block;cursor: pointer;width: 94%;margin: 10px auto;position: fixed;bottom: 20px;margin: 0 auto;left: 0;right: 0;}
.unlock-mask .image {display: block;width: 100%;max-width: 450px;margin: 0 auto;}
.unlock-mask .unlock-btn {height: 50px;line-height: 50px;border-radius: 999px;background: linear-gradient(90deg, #ffeacb 0%, #e8bc77 100%);color: #2c1708;font-size: 16px;font-weight: bold;margin: 0 auto;max-width: 400px;cursor: pointer;position: fixed;left: 15px;right: 15px;bottom: 15px;}
.unlock-status {padding: 20px 15px;background: linear-gradient(135deg, #1F1E30 0%, #303243 100%);border-radius: 10px;color: #fff;}
.unlock-status .title {font-size: 18px;}
.unlock-status .list {display: flex;flex-wrap: wrap;margin: 15px -7.5px 0;}
.unlock-status .list .item {width: 50%;padding: 0 7.5px;margin-bottom: 10px;}
.unlock-status .list .item:nth-child(even) {margin-right: 0;}
.unlock-status .list .inner {background-color: #2C2F45;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.16);border-radius: 8px;border: 1px solid #505B71;display: flex;align-items: center;padding: 0 8px;height: 80px;}
.unlock-status .list .icon {width: 34px;height: 34px;margin-right: 4px;}
.unlock-status .list .text {flex: 1;text-align: left;line-height: 22px;}
.unlock-status .list .text h3 {font-size: 14px;color: #e2b985;}
.unlock-status .list .text p {font-size: 12px;color: #8d91aa;line-height: 14px;}

/* 必发 */
.bifa .section {padding-bottom: 10px;}
.bifa .numberup {color: var(--color-red);}
.bifa .numberdown {color: var(--color-green);}
.bifa .table {border-radius: 4px;background: #fff;border: 0.5px solid #f0f2f8;box-shadow: 0px 3px 5px 0px rgba(165, 164, 188, .14);text-align: center;margin: 0 var(--box-padding) 10px;}
.bifa .table table {table-layout: auto;}
.bifa .table:last-child {margin-bottom: 0;}
.bifa .table th,
.bifa .table td {line-height: 20px;padding: 5px 2px;}
.bifa .table tr:nth-child(1) th {color: #222;}
.bifa .table tr:nth-child(2) th {color: #999;font-size: 11px;}
.bifa .table th:first-child {width: 40px;}
.bifa .echart-pie-wrap {display: flex !important;align-items: center;justify-content: flex-end;}
.bifa .echart-pie-wrap .highcharts {width: 140px;height: 120px;}
.bifa .echart-pie-wrap .legend {width: 50%;line-height: 30px;font-size: 14px;}
.bifa .echart-pie-wrap .legend p {display: flex;align-items: center;}
.bifa .echart-pie-wrap .legend p::before {content: "";display: inline-block;width: 6px;height: 6px;border-radius: 50%;margin-right: 4px;}
.bifa .echart-pie-wrap .legend p:nth-child(1)::before {background-color: var(--color-win);}
.bifa .echart-pie-wrap .legend p:nth-child(3)::before {background-color: var(--color-draw);}
.bifa .echart-pie-wrap .legend p:nth-child(2)::before {background-color: var(--color-lose);}
.bifa .echart-pie-wrap .legend span {margin-right: 8px;}
.bifa .echart-pie-wrap .legend .label {font-size: 12px;}
.bifa .echart-pie-wrap .legend .value {font-family: DINPro;}
.bifa .echart-line-wrap .highcharts {height: 200px;}
.bifa-large-detail .head {display: flex;align-items: center;justify-content: space-between;line-height: 30px;padding: 0 var(--box-padding);}
.bifa-large-detail .head .title {font-size: 14px;}
.bifa-large-detail .head .title em {font-size: 11px;color: rgba(0, 0, 0, .6);}
.bifa-large-detail .head .unit {color: rgba(0, 0, 0, .6);font-size: 12px;}
.bifa-large-detail .detail-table th,
.bifa-large-detail .detail-table td {line-height: 20px;padding: 5px 0;text-align: center;}
.bifa-large-detail .detail-table th {background-color: #f9f9f9;}
.bifa-large-detail .detail-table tr:nth-child(even) td {background-color: #f9f9f9;}
.bifa-daxiaoqiu {margin-top: 10px;}
.bifa .table tr:nth-child(1) th,
.bifa .table th:first-child,
.bifa .table td:first-child,
.bifa-info .table .column-3,
.bifa-info .table .column-5,
.bifa-detail .table tr:nth-child(2) th:nth-child(5),
.bifa-detail .table td:nth-child(5),
.bifa-daxiaoqiu .table-1 tr:nth-child(2) th:nth-child(3),
.bifa-daxiaoqiu .table-1 td:nth-child(3),
.bifa-daxiaoqiu .table-2 tr:nth-child(2) th:nth-child(5),
.bifa-daxiaoqiu .table-2 td:nth-child(5) {border-right: var(--border-width-1) solid #F0F2F8;}


.caption-btn-h5 {position: fixed;right: 10px; bottom: 10%;z-index: 10;width: 50px;height: 50px;}
.dialog-box {background-color: #fff;border-radius: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 710px;width: 95%;}
.icon-desc {padding: 10px 15px;overflow: hidden;}
.icon-desc .icon-item {float: left;width: 25%;font-size: 12px;line-height: 30px;padding-left: 20px;position: relative;text-align: left;}
.icon-desc .icon-item img {position: absolute;left: 0;top: 7px;width: 16px;height: 16px;object-fit: contain;}


/* 分享阵容海报 */
.popup-poster {position: relative;margin: 15vh auto 50px;width: 90%;max-width: 400px;background-color: #fff;min-height: 10px;line-height: 1;}
.poster-scroll {overflow: auto;position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;}
.poster-wrap {background: linear-gradient(-50deg,#ffcba6 20%,#ffdabf,#ffa1a1,#fffec8,#c7ffe2,#a9e9ff 95%);padding: 10px;}
.poster-lineup {background-color: #fff;}
.poster-lineup > .top {padding: 16px 10px 0;}
.poster-lineup > .top .match-name,
.poster-lineup > .top .date {color: #999;font-size: 12px;line-height: 18px;text-align: center;}
.poster-lineup > .top .divider-title {display: flex;align-items: center;justify-content: center;margin: 8px 0 10px;font-size: 15px;font-weight: bold;line-height: 16px;}
.poster-lineup > .top .divider-title::before,
.poster-lineup > .top .divider-title::after {content: "";display: block;width: 8px;height: 12px;background: no-repeat center center;background-size: contain;}
.poster-lineup > .top .divider-title-content {padding: 0 4px;}
.poster-lineup > .top .divider-title::before {background-image: url(../images/live/lineup-divider-left.png);}
.poster-lineup > .top .divider-title::after {background-image: url(../images/live/lineup-divider-right.png);}
.poster-lineup .team-wrap {display: flex;text-align: center;margin-top: 12px;}
.poster-lineup .team-wrap .team {flex: 1;}
.poster-lineup .team-wrap .team .icon {width: 50px;height: 50px;object-fit: contain;margin-bottom: 8px;}
.poster-lineup .team-wrap .team .name h2 {font-size: 12px;line-height: 1.4;}
.poster-lineup .team-wrap .team .name .pm {font-size: 12px;}
.poster-lineup .team-wrap .center {width: 40%;padding-top: 14px;}
.poster-lineup .team-wrap .score {font-size: 24px;}
.poster-lineup .team-wrap .match-state {font-size: 14px;margin-top: 20px;}
.poster-lineup > .bottom {display: flex;align-items: center;justify-content: space-between;padding: 18px 14px;}
.poster-lineup > .bottom .logo {width: 38%;margin: 0;}
.poster-lineup > .bottom .QRcode-box {display: flex;align-items: center;}
.poster-lineup > .bottom .QRcode-box .text p:nth-child(1) {font-size: 12px;margin-bottom: 6px;}
.poster-lineup > .bottom .QRcode-box .text p:nth-child(2) {font-size: 14px;}
.poster-lineup > .bottom .QRcode-box .QRcode {width: 76px;height: 76px;margin-left: 6px;}
.poster-lineup .lineup-map .aio-only-h5 {display: block !important;}
.poster-lineup .lineup-map .aio-only-pc {display: none !important;}
.poster-lineup .lineup .lineup-field {width: 100%;height: 50%;}
.poster-lineup .lineup .lineup-title-team {flex-direction: column;justify-content: inherit;padding: 4px 10px;}
.poster-lineup .lineup .lineup-home .lineup-title-team {bottom: auto;}
.poster-lineup .lineup .lineup-away .lineup-title-team {top: auto;flex-flow: column-reverse;}
.poster-lineup .lineup .lineup-home .lineup-title-team .top {margin-bottom: 2px;}
.poster-lineup .lineup .lineup-away .lineup-title-team .top {margin-top: 2px;}
.poster-lineup .lineup .lineup-title-team .top p {line-height: 18px;padding: 0 6px;}
.poster-lineup .lineup-title-team .bottom {font-size: 10px;}
.poster-lineup .lineup-list {flex-direction: column;}
.poster-lineup .lineup-list .list-item {flex-direction: row;padding: 0;}
.poster-lineup .lineup-list .player .avatar-image img {width: 34px;height: 34px;}
.poster-lineup .lineup-list .player .player-name {font-size: 10px;}
.poster-lineup .lineup-list .player .avatar-image {margin-bottom: 3px;}
.poster-lineup .lineup-home {padding: 6% 0 0;}
.poster-lineup .lineup-away {padding: 0 0 6%;}
.poster-lineup .lineup-away .lineup-list {flex-flow: column-reverse;justify-content: flex-start;}
.match-state[d-v="--1"]::before {content: "未知";}
.match-state[d-v="--1"]::before {content: "异常";}
.match-state[d-v="-0"]::before {content: "未";}
.match-state[d-v="-1"]::before {content: "上半场";}
.match-state[d-v="-2"]::before {content: "中";}
.match-state[d-v="-3"]::before {content: "下半场";}
.match-state[d-v="-4"]::before {content: "全场";}
.match-state[d-v="-9"]::before {content: "直播";}
.match-state[d-v="-10"]::before,
.match-state[d-v="-11"]::before,
.match-state[d-v="-12"]::before,
.match-state[d-v="-13"]::before,
.match-state[d-v="-14"]::before,
.match-state[d-v="-15"]::before {content: "加时";}
.match-state[d-v="-20"]::before,
.match-state[d-v="-21"]::before {content: "点球";}
.match-state[d-v="-30"]::before,
.match-state[d-v="-31"]::before {content: "完";}
.match-state[d-v="-40"]::before {content: "放弃";}
.match-state[d-v="-41"]::before {content: "推迟";}
.match-state[d-v="-42"]::before {content: "中断";}
.match-state[d-v="-43"]::before {content: "腰斩";}
.match-state[d-v="-44"]::before {content: "取消";}
.match-state[d-v="-45"]::before {content: "待定";}
.match-state[d-v="-46"]::before {content: "弃权";}
.match-state[d-v="-47"]::before {content: "金球";}

.poster-wrap .lineup-map {position: relative;}
.poster-wrap .list-group {position: absolute;left: 0;width: 100%;color: #fff;}
.poster-wrap .list-group.home {top: 0;padding-top: 4%;}
.poster-wrap .list-group.away {bottom: 0;padding-bottom: 6%;}
.poster-wrap .list-group .group {display: flex;}
.poster-wrap .list-group.home .group {margin-bottom: 2%;}
.poster-wrap .list-group.away .group {margin-top: 3%;}
.poster-wrap .list-group.away[data-count="5"] .group,
.poster-wrap .list-group.away[data-count="6"] .group {margin-top: 0%;}
.poster-wrap .list-group .group .item {flex: 1;text-align: center;}
.poster-wrap .list-group .avatar {width: 34px;height: 34px;margin-bottom: 2px;background: #fff !important;}
.poster-wrap .list-group .avatar img {width: 100%;height: 100%;border-radius: 50%;object-fit: contain;}
.poster-wrap .list-group .name {font-size: 10px;line-height: 1.2;}
.poster-wrap .list-group .avatar::after {content: attr(data-number);white-space: nowrap;position: absolute;top: -3px;left: 25px;min-width: 12px;line-height: 12px;border-radius: 6px;font-size: 10px;color: #fff;background-color: var(--color-win);padding: 0 2px;font-style: normal;}
.poster-wrap .list-group.away .avatar::after {background-color: var(--color-draw);}
.poster-wrap .poster-scroll {position: relative;height: 100%;left: 0;top: 0;bottom: 0;right: 0;}
.poster-wrap .format-home,
.poster-wrap .format-away {position: absolute;left: 15px;text-align: left;color: #fff;}
.poster-wrap .format-number {display: inline-block;border-radius: 2px;font-size: 14px;color: #fff;height: 20px;line-height: 20px;min-width: 90px;padding: 0 5px;background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 27.27%, rgba(0, 0, 0, .35) 100%);}
.poster-wrap .format-value {font-size: 10px;line-height: 20px;}
.poster-wrap .format-home {top: 10px;}
.poster-wrap .format-away {bottom: 10px;}
.poster-wrap .format-home .icon,
.poster-wrap .format-away .icon {display: inline-block;vertical-align: top;width: var(--thumb-size);height: 100%;margin-right: 2px;}

.aio  .match-poster .nabbar a{font-size: 12px;line-height: 30px;}
.match-poster .aio-only-pc {display: none;}
.match-poster .z9info2odds {display: none;}
.match-poster .live-head {min-height: 160px;}
.match-poster .live-head .match {font-size: 14px;margin-right: 2px;}
.match-poster .live-head .info-time .time {font-size: 12px;}
.match-poster .live-head .team {padding: 0;display: block;}
.match-poster .live-head .team-middle {width: 70px;}
.match-poster .live-head .team-middle .score {font-size: 16px;line-height: 24px;}
.match-poster .live-head .team-icon {width: 36px;height: 36px;flex: 0 0 36px;margin: auto;}
.match-poster .live-head .team-name {font-size: 12px;margin-top: 2px;}
.match-poster .live-head .team-text {padding: 0 2px;}
.match-poster .live-head .bottom {display: none;}

.tonpei-detail-page .header {display: block;background-color: #fff;padding: 9px var(--box-padding);font-size: 13px;}
.tonpei-detail-page .header .icon-back {color: #666;font-size: 12px;margin-right: 20px;}
.tonpei-detail-page .header .count {color: var(--color-theme);}
.tonpei-detail-page .header .win em {color: var(--color-win);}
.tonpei-detail-page .header .lose em {color: var(--color-lose);}
.tonpei-detail-page .header .draw em {color: var(--color-draw);}



.poster-box {max-height: 500px;overflow: auto;}
/* .poster-container {position: fixed;left: 0;top: 0;bottom: 0;right: 0;} */
/* .poster-wrapper {display: inline-block;background-color: #fff;border-radius: 4px;overflow: hidden;width: 98%;max-width: 400px;margin: 15vh auto 50px;}
.poster-box {position: relative;max-height: 500px;overflow: auto;}
.poster-template {min-height: 500px;background: linear-gradient(-50deg,#ffcba6 20%,#ffdabf,#ffa1a1,#fffec8,#c7ffe2,#a9e9ff 95%);padding: 10px;}
.poster-loading {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 18px;background-color: #fff;}
.poster-loading .icon-loading {width: 15px;margin-right: 5px;}
.poster-share {text-align: center;padding: 10px 0;}
.poster-share .tips {color: #999;font-size: 12px;line-height: 20px;}
.poster-share .tips a {color: blue;}
.poster-share .share-tool {display: flex;justify-content: center;margin-bottom: 10px;}
.poster-share .share-tool .a0item {transform: all .3s;width: 50px;height: 50px;background: url(../images/icon-logo-picture.png) no-repeat center center / 70%;margin: 0 10px;}
.poster-share .share-tool .a0item[ai-value="weixin"] {background-image: url(../images/icon-logo-weixin.png);}
.poster-share .share-tool .a0item[ai-value="weibo"] {background-image: url(../images/icon-logo-weibo.png);}
.poster-share .share-tool .a0item[ai-value="qzone"] {background-image: url(../images/icon-logo-qzone.png);}
.poster-share .share-tool .a0item[data-ai-vis] {outline: solid 1px #ff7512;box-shadow: 0 0 7px #ff7512;}
.poster-share .share-tool .a0item:hover {box-shadow: 0 0 5px rgba(0, 0, 0, .15);} */

.container.is-bottom {padding-bottom: 48px !important;}
/* 底部动作栏 */
.action-wrap {position: fixed;left: 0;bottom: 0;width: 100%;}
.action-tip {font-size: 12px;line-height: 24px;text-align: center;background-color: #ebebeb;padding: 0 10px;}
.action-bar {display: flex;align-items: center;background-color: #fff;}
.action-bar .action-text {flex: 1;font-size: 14px;line-height: 16px;padding: 0 10px;}
.action-bar .action-text em {color: #ea3e32;}
.action-bar .action-btn {background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);width: 100px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 16px;}

.action-wrap-bottom .action-bar{padding-bottom: 63px;}

/* 篮球-统计 */
.player-stats {padding-left: 5px !important;}
.player-stats .swiper-slide {padding: 3px 0;}
.player-stats .swiper-slide-inner {border-radius: 5px;background-color: #fff;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);padding: 6px 0;position: relative;}
.panel-content .panel-item.home,
.panel-content .panel-item.away {position: relative;}
.panel-content .panel-item .swiper-button-prev,
.panel-content .panel-item .swiper-button-next {background: rgba(0, 0, 0, .2) no-repeat center center;background-size: 28px auto;height: 110px;border-radius: 2px;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;display: none;}
.panel-content .panel-item .swiper-button-prev::after,
.panel-content .panel-item .swiper-button-next::after {display: none;}
.panel-content .panel-item .swiper-button-prev {background-image: url(../images/arrow-left.png);}
.panel-content .panel-item .swiper-button-next {background-image: url(../images/arrow-right.png);}
.player-stats .classify {position: absolute;right: 0;top: 0;font-size: 8px;line-height: 14px;border-radius: 0 5px 0 5px;min-width: 36px;text-align: center;padding: 0 4px;background-color: rgba(0, 0, 0, .1);}
.player-stats .player {display: flex;align-items: center;padding: 8px 3px;cursor: pointer;}
.player-stats .name {flex: 1;width: 0;line-height: 18px;padding-left: 2px;}
.player-stats .avatar-image {width: 36px;height: 36px;object-fit: contain;}
.player-stats .player-data li {line-height: 20px;display: flex;}
.player-stats .player-data li:nth-child(odd) {background-color: rgba(0, 0, 0, 0.02);}
.player-stats .player-data li .label {width: 50%;text-align: right;color: rgba(0, 0, 0, 0.4);font-size: 11px;}
.player-stats .player-data li .value {width: 50%;padding-left: 10px;font-size: 11px;}
.player-stats .player-data li .title {width: 100%;text-align: center;font-size: 11px;}
.player-stats .first-silde-active .classify {color: #fff;background-color: #e44d5c;}
.home .player-stats .first-silde-active .player {color: #e44d5c;}
.home .player-stats .player-data li.rate-active .value {color: #e44d5c;}
.away .player-stats .first-silde-active .classify {background-color: #3a82fb;}
.away .player-stats .first-silde-active .player {color: #3a82fb;}
.away .player-stats .player-data li.rate-active .value {color: #3a82fb;}
.panel-content .panel-item {display: none;}
.stats-comparison {background-color: #fff;padding: 12px 26px 40px;}
.stats-comparison .comparison-item {margin-bottom: 16px;}
.stats-comparison .head {display: flex;}
.stats-comparison .head .title {font-size: 14px;text-align: center;}
.stats-comparison .head .value {flex: 1;color: rgba(0, 0, 0, .5);font-size: 10px;}
.stats-comparison .head .value2 {text-align: right;}
.comparison {overflow: hidden;border-radius: 2px;height: 14px;line-height: 14px;}
.comparison .comparison-inner {float: left;border-right: 1px solid #fff;width: 50%;height: 100%;position: relative;}
.comparison .comparison-inner:last-child {border-right: 0;}
.comparison .comparison-inner span {position: absolute;top: 0;padding: 0 4px;color: #fff;}
.comparison .comparison-home {background-color: #e9717d;}
.comparison .comparison-home span {left: 0;}
.comparison .comparison-away {background-color: #619bfc;}
.comparison .comparison-away span {right: 0;}
.player-chart {position: fixed;left: 0;right: 0;bottom: 0;padding: 0 10px 24px;background-color: #fff;border-radius: 6px 6px 0 0;}
.player-chart::before {content: "";width: 40px;height: 3px;background-color: #c9ced1;border-radius: 4px;display: block;margin: 12px auto 0;}
.player-chart .block-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 6px;}
.player-chart h3 {font-size: 16px;font-weight: bold;line-height: 24px;}
.player-chart .tablist {display: flex;padding: 1px;border-radius: 10px;background-color: #e5e5e5;}
.player-chart .tablist .tab-item {width: 60px;font-size: 10px;line-height: 18px;text-align: center;border-radius: inherit;cursor: pointer;}
.player-chart .tablist .a0item[data-ai-vis] {color: #fff;background: linear-gradient(270deg, #FF7310 0%, #FFA84D 99.96%, #FFAA4F 100.96%);}
.player-chart .btn {position: static;right: 10px;top: 34px;color: rgba(0, 0, 0, .8);font-size: 12px;padding-right: 10px;background: url(../images/icon/arrow-right.png) no-repeat center right;background-size: 6px auto;}
.player-chart .player {display: flex;align-items: center;padding: 14px 0 20px;}
.player-chart .player .avatar-image {width: 36px;height: 36px;object-fit: contain;}
.player-chart .player .player-text {flex: 1;width: 0;padding: 0 4px;display: flex;max-width: 314px;}
.player-chart .player .player-text .name {font-size: 14px;font-weight: bold;line-height: 22px;}
.player-chart .player .player-text .classify {color: rgba(0, 0, 0, .4);font-size: 12px;white-space: nowrap;}
.player-chart .gird-list {display: flex;flex-wrap: wrap;}
.player-chart .gird-list .gird-item {width: 25%;text-align: center;margin-bottom: 15px;}
.player-chart .gird-list .gird-item .value {font-size: 15px;line-height: 20px;}
.player-chart .gird-list .gird-item .value em {color: rgba(0, 0, 0, .3);}
.player-chart .gird-list .gird-item .label {color: rgba(0, 0, 0, .6);font-size: 10px;line-height: 18px;}
.player-chart .court {position: relative;}
.player-chart .court .inner {position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.player-chart .court .dot {position: absolute;width: 16px;height: 16px;background: no-repeat center center;background-size: contain;}
.player-chart .court .dot.hit {background-image: url(../images/live/dot_1.png);}
.player-chart .court .dot.miss {background-image: url(../images/live/dot_2.png);}
.player-chart .court-text {position: absolute;right: 0;bottom: 0;color: rgba(0, 0, 0, .4);font-size: 12px;line-height: 20px;text-align: right;padding: 10px;}
.player-chart .tabs-header {display: flex;padding: 1px;background-color: #fafafa;border-radius: 2px;margin-bottom: 12px;}
.player-chart .tabs-header .a0item {flex: 1;font-size: 14px;text-align: center;border-radius: inherit;cursor: pointer;}
.player-chart .tabs-header .a0item[data-ai-vis] {color: #fff;font-weight: bold;background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%);}

/* 篮球-分析比赛面 */

.data-feature .header {position: relative;line-height: 34px;}
.data-feature .header h4 {font-size: 16px;text-align: center;}
.data-feature .header .aio-checkbox {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.data-feature .teams {display: flex;justify-content: space-between;align-items: center;padding: 4px 0;}
.data-feature .teams .team-name {font-size: 12px;}
.data-feature .panel {margin-bottom: 10px;}
.fenxi-win-score .content {background-color: #fff;padding: 10px;}
.fenxi-table-wrap {display: flex;align-items: flex-start;margin-bottom: 14px;}
.fenxi-table-wrap:last-child {margin-bottom: 0;}
.fenxi-table-wrap .thumbnail {flex: 0 0 32px;margin-top: 35px;}
.fenxi-table-wrap .team-thumbnail {width: 18px;height: 18px;object-fit: contain;margin: 0 4px;}
.fenxi-table-wrap .table-wrap {flex: 1;text-align: center;}
.fenxi-table-wrap .table-wrap .desc {color: rgba(0, 0, 0, .5);font-size: 12px;line-height: 16px;text-align: left;padding: 5px 0;}
.fenxi-table-wrap .table-wrap span {flex: 1;}
.fenxi-table-wrap .thead {display: flex;}
.fenxi-table-wrap .thead span {color: #999;line-height: 20px;}
.fenxi-table-wrap .tbody {border-radius: 3px;overflow: hidden;}
.fenxi-table-wrap .tbody .row {background-color: #fafafa;display: flex;}
.fenxi-table-wrap .tbody .row:nth-child(even) {background-color: #f5f6fc;}
.fenxi-table-wrap .tbody span {color: rgba(0, 0, 0, .7);line-height: 20px;padding: 4px 8px;}
#featureavg .fenxi-table-wrap .tbody span:nth-child(2) {font-weight: bold;}
.fenxi-win-score .home-table .maxmin,
.fenxi-win-score .home-table .desc span {color: #e44d5c;}
.fenxi-win-score .away-table .maxmin,
.fenxi-win-score .away-table .desc span {color: #3a82fb;}
.total-score {padding: 0 10px;text-align: center;}
.total-score .content {display: flex;}
.total-score dl {width: 74px;line-height: 28px;border: .5px solid transparent;}
.total-score dl dt {color: rgba(0, 0, 0, .43);}
.total-score dl dd {border-top: .5px solid transparent;color: rgba(0, 0, 0, .5);}
.total-score .table {flex: 1;background-color: #fff;border: .5px solid rgba(0, 0, 0, .08);border-radius: 5px;}
.total-score .table th {line-height: 28px;}
.total-score .away-table th:nth-child(1) {width: 56px;}
.total-score .home-table th:nth-child(3) {width: 56px;}
.total-score .table td {font-size: 14px;line-height: 28px;border-top: .5px solid rgba(0, 0, 0, .08);}

.total-score .table .desc {text-align: left;padding: 5px;color: rgba(0, 0, 0, .6);font-size: 12px;line-height: 16px;}
.total-score .table .progress {display: inline-block;vertical-align: middle;width: 56px;height: 10px;}
.total-score .table .progress-inner {width: 10%;height: 100%;border-radius: inherit;display: inline-block;vertical-align: top;}
.total-score .away-table td:first-child {text-align: left;}
.total-score .away-table td.active {color: #619bfc;}
.total-score .away-table .progress {background-color: rgba(97, 155, 252, .5);text-align: left;border-radius: 0 2px 2px 0;}
.total-score .away-table .progress-inner {background-color: rgba(97, 155, 252, 1);}
.total-score .away-table  .desc span {color: #619bfc;}
.total-score .home-table td:last-child {text-align: right;}
.total-score .home-table td.active {color: #e44d5c;}
.total-score .home-table .progress {background-color: rgba(228, 77, 92, .5);text-align: right;border-radius: 2px 0 0 2px;}
.total-score .home-table .progress-inner {background-color: rgba(228, 77, 92, 1);}
.total-score .home-table  .desc span {color: #e44d5c;}
.total-score .home-table .progress-inner {background-color: rgba(228, 77, 92, 1);}

.total-score .home-table  .desc span {color: #e44d5c;}

/*  */
.rule-wrap {padding: 20px;margin-top: 15px;}
.rule-wrap h3 {font-size: 20px;line-height: 30px;}
.rule-wrap pre {color: rgba(0, 0, 0, .6);font-size: 12px;line-height: 18px;}

.total-score .home-table  .desc span {color: #e44d5c;}
.total-score .home-table  .desc span {color: #e44d5c;}

/* 阵容 */
/* .live-lineup .header {display: flex;align-items: center;justify-content: space-between;background-color: #fff;height: 40px;padding: 0 10px;border-bottom: 1px solid #e6e7ef;}
.live-lineup .header h3 {font-size: 16px;}
.live-lineup .header button {color: #fff;font-size: 12px;line-height: 24px;border: 0;border-radius: 24px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);box-shadow: 0px 0px 5px  rgba(255, 138, 42, 0.31);padding: 0 6px 0 20px;position: relative;}
.live-lineup .header button::before {content: "";position: absolute;left: 6px;top: 50%;transform: translateY(-50%);background: url(../images/icon/icon_share_2.png) no-repeat center center;background-size: contain;width: 12px;height: 12px;} */
.live-lineup .lineup-info {background-color: #fff;padding: 10px 10px 5px;}
.live-lineup .lineup-info > div {display: flex;align-items: center;justify-content: space-between;}
.live-lineup .lineup-info .type span {width: 32px;line-height: 16px;border-radius: 16px;background-color: #e44d5c;color: #fff;font-size: 10px;text-align: center;margin-bottom: 3px;}
.live-lineup .lineup-info .type .away {background-color: #3a82fb;}
.live-lineup .lineup-info .label {width: 100px;text-align: center;color: #999;font-size: 12px;line-height: 18px;}
.live-lineup .lineup-info .value {flex: 1;font-size: 14px;line-height: 24px;}
.live-lineup .lineup-info .away {text-align: right;}
.live-lineup .lineup-chart {position: relative;}
.live-lineup .lineup-field {position: absolute;left: 0;width: 100%;}
.live-lineup .lineup-field .group {display: flex;}
.live-lineup .lineup-field .group .item {flex: 1;text-align: center;}
.live-lineup .lineup-field .group .item-inner {position: relative;}
.live-lineup .lineup-field .group .avatar-image {position: relative;display: block;width: 32px;height: 32px;margin: 0 auto 4px;}
.live-lineup .lineup-field .group .avatar-image img {width: 100%;height: 100%;object-fit: contain;border-radius: 50%;background-color: #fff;}
.live-lineup .lineup-field .group .avatar-image::after {content: attr(data-number);width: 14px;line-height: 14px;border-radius: 14px;background-color: #e44d5c;color: #fff;font-size: 10px;font-style: normal;position: absolute;top: -2px;right: -5px;}
.live-lineup .lineup-field .group .name {color: #fff;font-size: 10px;line-height: 14px;position: absolute;left: 0;right: 0;bottom: -18px;}
.live-lineup .home-field {top: 0;padding-top: 4%;}
.live-lineup .home-field .group:not(:last-child) {margin-bottom: 8%;}
.live-lineup .away-field {bottom: 0;padding-bottom: 8%;}
.live-lineup .away-field .group:not(:first-child) {margin-top: 8%;}
.live-lineup .away-field .group .avatar-image::after {background-color: #3a82fb;}
.live-lineup .lineup-team {position: absolute;left: 4%;display: flex;align-items: center;color: #fff;font-size: 14px;line-height: 20px;width: 95px;border-radius: 2px 0 0 2px;background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 27.27%, rgba(0, 0, 0, .35) 100%);}
.live-lineup .lineup-team img {width: 18px;height: 18px;object-fit: contain;margin: 0 12px 0 5px;}
.live-lineup .lineup-team.home {top: 1%;}
.live-lineup .lineup-team.away {bottom: 1%;}
.live-lineup .players .content {background-color: #fff;display: flex;position: relative;}
.live-lineup .players .content::before {content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 1px;height: 100%;background-color: #e6e7ef;}
.live-lineup .players .list {flex: 1;padding: 0 10px;}
.live-lineup .players .list dt {font-size: 14px;line-height: 100%;display: flex;align-items: center;padding: 12px 0;}
.live-lineup .players .list dt .icon {width: 18px;height: 18px;object-fit: contain;}
.live-lineup .players .list dd {display: flex;align-items: center;font-size: 12px;line-height: 16px;height: 48px;}
.live-lineup .players .list .avatar-image {width: 32px;height: 32px;border-radius: 50%;object-fit: contain;background-color: #eeeef0;margin-right: 4px;}
.live-lineup .players .list .number {color: #999;}
.live-lineup .players .home-player dt .icon {margin-right: 10px;}
.live-lineup .players .away-player dt {justify-content: flex-end;}
.live-lineup .players .away-player dt .icon {margin-left: 10px;}
.popup-player {position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;border-radius: 6px 6px 0 0;padding: 45px 10px 0;text-align: left;max-width: 500px;margin: 0 auto;}
.popup-player .user {display: flex;align-items: center;position: relative;}
.popup-player .user .avatar-image {width: 36px;height: 36px;object-fit: contain;margin-right: 4px;}
.popup-player .user .info {flex: 1;display: flex;align-items: center;padding-right: 10px;width: 0;}
.popup-player .user .name {font-size: 14px;line-height: 18px;margin-right: 4px;}
.popup-player .user .number {flex: 1;color: rgba(0, 0, 0, .4);font-size: 10px;line-height: 16px;white-space: nowrap;}
.popup-player .user .btn-more {color: rgba(0, 0, 0, .7);font-size: 12px;padding: 0 10px 0 0;background: url(../images/icon/arrow-right.png) no-repeat right center;background-size: 6px auto;}
.popup-player .header {font-size: 15px;font-weight: bold;line-height: 20px;margin: 10px 0;}
.popup-player .score {line-height: 28px;background: linear-gradient(90deg, #f7f7f7 0%, #f5f5f5 100%);border-radius: 2px;padding: 0 10px;}
.popup-player .score span {color: #e44d5c;}
.popup-player .content {margin-top: 20px;overflow: auto;}
.popup-player .list {display: flex;flex-wrap: wrap;border-bottom: 1px solid rgba(0, 0, 0, .08);margin-bottom: 15px;}
.popup-player .list:last-child {border-bottom: 0;}
.popup-player .list .list-title {width: 100%;font-size: 15px;font-weight: bold;line-height: 20px;padding-left: 14px;margin-bottom: 10px;}
.popup-player .list .item {width: 25%;text-align: center;margin-bottom: 12px;}
.popup-player .list .item .value {font-size: 16px;font-weight: bold;line-height: 20px;}
.popup-player .list .item .label {color: rgba(0, 0, 0, .6);font-size: 12px;line-height: 20px;}

.poster-event {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 14;display: none;}
.poster-event .top {position: fixed;left: 0;right: 0;top: 0;}
.poster-event .bottom {position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;border-top: 5px solid #f5f5f5;text-align: center;padding: 34px 10px 24px;}
.poster-event .bottom .title {font-size: 16px;line-height: 20px;font-weight: bold;}
.poster-event .bottom .title-sub {font-size: 16px;line-height: 20px;margin-top: 14px;}
.poster-event .bottom .qrcode {position: relative;width: 220px;height: 220px;margin: 0 auto 36px;padding: 20px;background: url(../images/border.png) no-repeat center center;background-size: 100% 100%;}
.poster-event .bottom .qrcode::after {content: "";width: 34px;height: 34px;background: #fff url(../images/logo-icon.png) no-repeat center center;background-size: 30px auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.poster-event .bottom .qrcode img,
.poster-event .bottom .qrcode canvas {width: 100% !important;height: 100% !important;}
.poster-event .bottom .qrcode .qrcode-tips {position: absolute;left: 50%;bottom: -15px;width: 120px;margin-left: -60px;line-height: 28px;text-align: center;border-radius: 28px;background: linear-gradient(270deg, rgba(70, 148, 250, 1) 0%, rgba(208, 79, 255, 1) 100%);border: 0.25px solid rgba(255, 93, 0, 1);color: #fff;font-size: 12px;}
.w0share2win .poster-wrap .list-group.home {padding-top: 1%;}
.w0share2win .poster-wrap .list-group.away {padding-bottom: 2%;}

.aio-h5-topdown.h5-fixed-bottom {bottom: 72px !important;}
.aio-h5-topdown.h5-fixed-bottom-tip {bottom: 24px !important;}

/* 同赔 */
.submit-bar .button[data-ex="1"]:before {content: "立即使用体验卡";}
.action-coupon{background: #fff;border-bottom: 1px solid #f1f1f1f1;padding: 0 10px;}
.action-coupon h3{font-size: 14px;}
.action-coupon-box{font-size: 12px;}
.action-coupon-box .title{background: url(../images/card/icon-bao.png) no-repeat left center;background-size: 15px auto;padding-left: 33px;}
.action-coupon-box .name{width: 70%;float: right;text-align: right;box-sizing: border-box;background: url(../images/card/icon-right.png) no-repeat right center; background-size: 8px;padding-right: 20px;color: rgba(0, 0, 0, .4);}

.data-body .doc-sticky-top {position: static !important;background: none;}
.data-body .tablist {display: none !important;}
.data-body .table-row {cursor: auto;}
/* .data-body .table-row a {pointer-events: none;} */

/* 投票 */
.live-vote {padding-bottom: 120px;}
.live-vote .box {background-color: #fff;padding: 10px 10px 14px;margin-bottom: 10px;}
.live-vote .box .list-header {position: relative;line-height: 24px;margin-bottom: 10px;}
.live-vote .box .list-header .more {position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding: 0 10px 0 0;background: url(../images/icon/arrow-right_2.png) no-repeat right center;background-size: 5px;font-size: 13px;color: rgba(0, 0, 0, 0.5);}
.live-vote .box .title {font-size: 16px;}
.live-vote .box .title span {color: rgba(0, 0, 0, .5);font-size: 14px;font-weight: 500;margin-left: 2px;}
.live-vote .box .title span em {color: #ff7310;}
.live-vote .list {padding: 0 16px;}
.live-vote .list .item:not(:last-child) {margin-bottom: 20px;}
.live-vote .list .top {position: relative;font-size: 14px;line-height: 28px;height: 28px;}
.live-vote .list .top .draw,
.live-vote .list .top .subtitle {position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.live-vote .list .top .lose {position: absolute;right: 0;top: 0;}
.live-vote .list .top .win {color: rgba(233, 113, 125, .9);}
.live-vote .list .top .draw {color: rgba(97, 155, 252, .9);}
.live-vote .list .top .lose {color: rgba(89, 185, 114, .9);}
.live-vote .list .bottom {color: rgba(0, 0, 0, .3);font-size: 11px;line-height: 22px;}
.live-vote .list .compare {line-height: 14px;border-radius: 2px;overflow: hidden;}
.live-vote .list .compare .bar {float: left;border-right: 1px solid #fff;padding: 0 2px;color: #fff;font-size: 12px;}
.live-vote .list .compare .bar:last-child {border-right: 0;}
.live-vote .list .compare .bar.win {background-color: rgba(228, 77, 92, .8);}
.live-vote .list .compare .bar.draw {background-color: rgba(58, 130, 251, .8);text-align: center;}
.live-vote .list .compare .bar.lose {background-color: rgba(48, 168, 79, .8);text-align: right;}
.live-vote .vote-btn {display: block;position: fixed;bottom: 70px;left: 50%;-webkit-transform: translate(-50%);transform: translate(-50%);width: calc(100% - 30px);max-width: 450px;line-height: 44px;border: 0;background: linear-gradient(146.26deg, rgb(255, 170, 79) 0%, rgb(255, 115, 16) 100%);border-radius: 44px;color: #fff;font-size: 15px;text-align: center;cursor: pointer;}
.live-vote .mask {position: fixed;top: 235px;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .6);-webkit-backdrop-filter: saturate(100%) blur(10px);backdrop-filter: blur(25px);color: #fff;font-size: 18px;}
.live-vote .mask .text {position: absolute;left: 0;top: 30%;width: 100%;text-align: center;}
.event .live-vote .mask {top: 344px;}
/* 投票end */

/* 投票明细 */
.app {display: flex;flex-direction: column;height: calc(100vh - 1px);}
.app .container {flex: 1;min-height: 0;overflow-y: scroll;}
.app .container.noscroll {overflow: hidden;}
.navbar {background-color: #fff;height: 44px;position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.navbar-left, .navbar-right {position: absolute;top: 0;bottom: 0;display: flex;align-items: center;padding: 0 12px;}
.navbar-title {text-align: center;font-size: 16px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 60%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.navbar-back {width: 24px;height: 44px;background: url(../../images/icon/icon_arrow_left.png) no-repeat center center;background-size: 10px;}
.live-vote-top {display: block;background-color: #fff;padding: 5px 10px 15px 10px;}
.live-vote-top .match-time {font-size: 11px;color: rgba(0, 0, 0, 0.5);line-height: 16px;margin-bottom: 8px;}
.live-vote-top .match-content {display: flex;align-items: flex-start;}
.live-vote-top .match-team {display: inline-block;flex: 1;text-align: center;}
.live-vote-top .match-team .icon {display: block;width: 24px;height: 24px;margin: 0 auto;}
.live-vote-top .match-team .name {font-size: 14px;line-height: 20px;margin-top: 4px;}
.live-vote-top .match-score {width: 120px;text-align: center;}
.live-vote-top .match-score .status {font-size: 11px;color: rgba(0, 0, 0, 0.5);line-height: 16px;margin-bottom: 6px;}
.live-vote-top .match-score .score {font-size: 28px;color: #e44d5c;}
.live-vote-top .match-score .score img {display: block;height: 30px;margin: -4px auto 0;}
.live-vote-my {margin-top: 5px;}
.live-vote-history {margin-top: 10px;flex: 1;overflow: auto;}
.live-vote-history .mark {display: none !important;}
.live-vote-item .link {display: block;padding: 10px;position: relative;background-color: #fff;}
.live-vote-item:not(:last-child) .link::after {content: "";position: absolute;left: 10px;right: 10px;bottom: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);transform-origin: center bottom;transform: scaleY(0.5);}
.live-vote-item .user-info {display: flex;align-items: center;padding: 0;max-width: 100%;margin-bottom: 5px;}
.live-vote-item .useravatar {width: 32px;height: 32px;margin-right: 4px;}
.live-vote-item .useravatar .avatarimg {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.live-vote-item .username {flex: 1;font-size: 14px;color: rgba(0, 0, 0, 0.8);line-height: 20px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.live-vote-item .time {font-size: 12px;color: rgba(0, 0, 0, 0.5);margin-left: 15px;}
.live-vote-item .user-data {display: flex;justify-content: space-between;background-color: #f9f9f9;border-radius: 2px;padding: 5px 10px;font-size: 12px;color: rgba(0, 0, 0, 0.5);line-height: 18px;}
.live-vote-item .user-data .cell-item {flex: 1;text-align: center;}
.live-vote-item .user-data .cell-item:first-child {text-align: left;}
.live-vote-item .user-data .cell-item:last-child {text-align: right;}
.live-vote-item .user-data .gametype .value {color: var(--color-theme);}
.live-vote-item .user-data .recommend .value {color: #e44d5c;}
.live-vote-item .mark {position: absolute;right: 0;top: 0;background-color: #e3a02d;border-radius: 2px 0 0 8px;line-height: 24px;font-size: 13px;color: #fff;padding: 0 4px;}
.live-vote-item .result {width: 36px;height: 36px;position: absolute;left: 50%;bottom: 10px;background: no-repeat center center;background-size: contain;transform: translateX(-50%);}
.live-vote-item .result.win {background-image: url(../images/user/icon-seal1.png);}
.live-vote-item .result.draw {background-image: url(../images/user/icon-seal2.png);}
.live-vote-item .result.lose {background-image: url(../images/user/icon-seal5.png);}
.live-vote-item .result.quxiao {background-image: url(../images/user/icon-seal4.png);}
.live-vote-detail {display: flex;flex-direction: column;height: 100%;}
.login-unlock {height: calc(100vh - 136px);position: relative;}
.login-unlock .mask {background-color: rgba(0, 0, 0, 0.6);-webkit-backdrop-filter: saturate(100%) blur(10px);backdrop-filter: blur(25px);height: 100%;}
.login-unlock .mask .text {position: absolute;top: 30%;left: 0;width: 100%;color: #fff;font-size: 18px;text-align: center;}
.login-unlock .btn {position: absolute;left: 15px;right: 15px;bottom: 70px;margin: 0 auto;max-width: 450px;line-height: 44px;background: linear-gradient(146.26deg, rgb(255, 170, 79) 0%, rgb(255, 115, 16) 100%);border-radius: 44px;border: 0;font-size: 15px;color: #fff;cursor: pointer;}
/* 投票明细end */

.action-bar .action-btn{width: auto;}




@media screen and (min-width: 960px) {
    /*
        二级页面优化样式 start
    */
    /* 赛程赛况 */
    .diy-pc .merge_detail-item{font-size: 15px;background: linear-gradient(270deg, #FF7310 0%, #FFA84D 100%, #FFAA4F 100%);padding: 0 10px;border-radius: 30px;color: #fff;display: inline-block;margin: 15px 0;line-height: 40px;}
    .diy-pc .panel.detail-event .inner{height: 550px;}
    .diy-pc .panel.detail-event{float: left;width: 49%;}
    /* .diy-pc .panel.detail-text-live{float: right;width: 49%;padding-top: 0;}
    .diy-pc .panel.detail-other-total{clear: both;} */
    .diy-pc .panel.detail-text-live{min-width: 100%;margin-top: 50px;padding-top: 690px;}
    .diy-pc .panel.detail-text-live .detail-fb-textlive{margin-top: 20px;}
    .diy-pc .panel.detail-other-total{display: block;width: 49%;position: absolute;right: 0;top: 0;padding-top: 0;padding-right: 10px;}
    .diy-pc.merge-detail[data-sport="basketball"] .panel.detail-other-total .detail-other-total-list li{width: 100%;float: inherit;}
    .diy-pc.merge-detail[data-sport="football"] .panel.detail-other-total .detail-other-total-list{height: 600px;overflow: hidden;overflow-y: auto;}
    .diy-pc.merge-detail .guide-title{margin-top: 30px;margin-bottom: -15px;}
    .diy-pc.merge-detail .detail-tabs-wrapper{ padding:16px 23px;}
    .diy-pc.merge-detail[data-sport="basketball"] .panel.detail-other-total {width: 100%;}
    .diy-pc.merge-detail[data-sport="basketball"] .detail-lineup{width: 49%;float: left;box-shadow: inherit;margin: 0;}
    .diy-pc.merge-detail[data-sport="basketball"] .detail-lineup .lineup-wrap{max-height: 495px;overflow: auto;}
    .diy-pc.merge-detail[data-sport="basketball"] .detail-lineup .lineup-wrap::-webkit-scrollbar,
    .diy-pc.merge-detail[data-sport="basketball"] .detail-text-live .tex-live::-webkit-scrollbar{width: 6px;background: #e4e4e4;}
    .diy-pc.merge-detail[data-sport="basketball"] .detail-lineup .lineup-wrap::-webkit-scrollbar-thumb,
    .diy-pc.merge-detail[data-sport="basketball"] .detail-text-live .tex-live::-webkit-scrollbar-thumb{background-color: #0003;border-radius: 10px;transition: all .2s ease-in-out;}
    .diy-pc.merge-detail[data-sport="basketball"] .detail-lineup .lineup-wrap::-webkit-scrollbar-track,
    .diy-pc.merge-detail[data-sport="basketball"] .detail-text-live .tex-live::-webkit-scrollbar-track{border-radius: 10px;}
    .diy-pc.merge-detail[data-sport="football"] .detail-fb-textlive .empty-box{/* margin-top: 65px; */}
    .diy-pc.merge-detail .detail-tabs-panel-wrap{position: relative;}
    

    /* 阵容数据 */
    .diy-pc .live-menu-wrap:first-child{display: none;}
    .diy-pc .live-menu-wrap.sticky-top{position: sticky;top: 0;z-index: 101;background: linear-gradient(45deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 15%),rgb(0 0 0 / 0%));padding: 0;display: block;font-weight: bold;border-radius: 3px;padding: 5px 0;margin: 0 0 -50px 0;-webkit-backdrop-filter: saturate(100%) blur(10px);backdrop-filter: saturate(100%) blur(10px);}
    .diy-pc .live-menu-wrap.sticky-top .live-menu{background:white;border-radius: 20px;}
    .diy-pc .live-menu .a0item{font-size:16px;border-radius: inherit;}
    .diy-pc .live-menu .a0item.isfree::after{width: 40px;}
    .diy-pc .injury-wrap{position: relative;}
    .diy-pc.merge-lineup .doc-box>.main{padding-top: 80px;}
    .diy-pc.merge-lineup .z9body>.doc-box{ padding:0 23px 23px;}
    .diy-pc.merge-lineup .merger-container{padding: 10px 0 0;}
    .diy-pc.merge-lineup #mergeLiveStats{ padding-top:50px;}
    .diy-pc .detail-fb-textlive .list .item{margin-bottom: 2px;}
    .diy-pc.merge-lineup .merge-live-stats .guide-title{transform: translate(-20px,10px) scale(1.2);}
    /* .diy-pc.merge-lineup .guide-title{transform: translate(-20px,55px) scale(1.2);} */
    .diy-pc.merge-lineup .merge-live-stats #playerInfo{z-index: 10001;}
    
    /* 对阵分析 */
    .diy-pc .aio-sticky-top{display: none;}
    .diy-pc .report_container .live-menu-wrap {display: none;}
    .diy-pc .report_container .z8ls2body::before {position: absolute;z-index: 0;}
    .diy-pc .aio-container{padding: 0;box-shadow: none;}
    .diy-pc.merge-fenxi-base .aio-main{width: 100%;float: inherit;padding: 0 0;}
    .diy-pc.merge-fenxi-base .aio-container{box-shadow: inherit;margin: 0 0;padding-top: 0;}
    .diy-pc.merge-fenxi-base .skeleton{margin-top: 0;box-shadow: none;padding: 0;}
    .diy-pc.merge-fenxi-base .character-box .player-wrap{box-shadow:none;padding: 0;}
    .diy-pc.merge-fenxi-base .doc-box + .doc-box{box-shadow:none;padding: 0;}
    .diy-pc.merge-fenxi-base .z8boxs.fenxi-score{box-shadow:none;padding: 0;}
    .diy-pc.merge-fenxi-base .merger-container.meger-top{padding-top:80px;}
    .diy-pc.merge-fenxi-base .base-container{padding-top: 70px;}
    .diy-pc.merge-fenxi-base .fenxi-league,
    .diy-pc.merge-fenxi-base .recent-match{ padding:0; box-shadow:none;}
    .diy-pc.merge-fenxi-base .recent-match .panel{float:left;width:49%;}
    .diy-pc.merge-fenxi-base .recent-match .panel:last-child{ float:right;}
    .diy-pc.merge-fenxi-base .recent-match .panel:first-child{ float:left;}
    .diy-pc.merge-fenxi-base .recent-match .table th:nth-child(1){ width:100px;}
    .diy-pc.merge-fenxi-base .recent-match .table th:nth-child(3),
    .diy-pc.merge-fenxi-base .recent-match .table th:nth-child(5){ width:70px;}
    .diy-pc.merge-fenxi-base .recent-match .table th:first-child, 
    .diy-pc.merge-fenxi-base .recent-match .table td:first-child{padding-left:0;}

    .diy-pc.merge-fenxi-base[data-sport="football"] .record-table tr a{display: none;}


    .diy-pc .box-title{position: relative;margin: 0;padding: 15px 0 0;background: none;text-align: left;padding-top: 0;}
    .diy-pc .subhead h3{ font-size:14px;}
    /* .diy-pc .guide-title{display: block;color: #fff;font-size: 16px;padding: 0 0 0 25px;font-weight: bold;background: url(../../images/bg-brush.png) no-repeat left top -5%;background-size: auto 90%;line-height: 55px;height:50px;transform-origin: left;transform: translate(-20px,-30px) scale(1.2);z-index: 20;position: relative;width: 200px;margin-bottom: -30px;text-align: left;} */
    .diy-pc .guide-title{display: block;color: #fff;font-size: 14px;padding: 0 0 0 22px;font-weight: bold;background: url(../../images/bg-brush.png) no-repeat left top -5%;background-size: auto 90%;line-height: 50px;height:50px;transform-origin: left;transform: translate(-20px,-25px) scale(1.2);z-index: 20;position: relative;width: 200px;margin-bottom: -30px;text-align: left;text-shadow: 0 0 1px #610000;}
    .diy-pc .guide-title.guide-tonpei-title{position: absolute;top: -25px;left: 16px;}
    .diy-pc .meger-base .league-rank::after, 
    .diy-pc .meger-base .player-wrap::after, 
    .diy-pc .game_container .fenxi-goaltime .content::after,
    .diy-pc .fenxi-score::after,
    .diy-pc .rank_container .league-team::after,
    .diy-pc .tonpei_container .tonpei-ds::after,
    .diy-pc .limit_container .table-wrap::after,
    .diy-pc .limit_container .limit-list:after{content: "\20";display: block;height: 0;clear: both;}
    .diy-pc .meger-base .league-rank .panel, 
    .diy-pc .meger-base .player-wrap .player-table,
    .diy-pc .game_container .fenxi-goaltime .content .content-panel{width: 49%;float: left;}
    .diy-pc .meger-base .league-rank .panel:last-child, 
    .diy-pc .meger-base .player-wrap .player-table:last-child,
    .diy-pc .game_container .fenxi-goaltime .content .content-panel:last-child{float: right;}
    .diy-pc .game_container .fenxi-goaltime .content .content-panel:first-child{padding-right: 0;}
    .diy-pc .game_container .fenxi-goaltime .content .bottom-tip,
    .diy-pc .game_container .fenxi-score .content .bottom-tip{padding-left: 45px;}
    .diy-pc .game_container .fenxi-goaltime{clear: both;}
    .diy-pc .meger-base .player-wrap .table-2{margin-top: 0;}
    .diy-pc .game_container .fenxi-totalgoal{width: 49%;float: left;}
    .diy-pc .game_container .femxi-halfwhole{width: 49%;float: right;}
    .diy-pc .rank_container .table-integral{width: 70%;float: right;}
    .diy-pc .rank_container .table-integral .table-body{max-height: 56.5vh;overflow: auto;}
    .diy-pc .rank_container .rule-wrap{width: 28%;float: left;max-height: 60vh;overflow: auto;}
    .diy-pc.merge-fenxi-base .total-score .home-table th:nth-child(3),
    .diy-pc.merge-fenxi-base .total-score .away-table th:nth-child(1){width:50%;}

    .diy-pc.merge-fenxi-base[data-sport="basketball"] .league-wrapper::after,
    .diy-pc.merge-fenxi-base[data-sport="basketball"] .fenxi-win-score:after{content: "\20";display: block;height: 0;clear: both;}
    .diy-pc.merge-fenxi-base[data-sport="basketball"] .league-wrapper .league-rank{width: 49%;float: left;}
    .diy-pc.merge-fenxi-base[data-sport="basketball"] .league-wrapper #awayLeague{float: right;}
    .diy-pc.merge-fenxi-base[data-sport="basketball"] .league-wrapper .league{clear: both;}
    .diy-pc.merge-fenxi-base[data-sport="basketball"] #awayPlayers{margin-top: 0;}
    .diy-pc.merge-fenxi-base[data-sport="basketball"] .fenxi-win-score .fenxi-table-wrap{width: 49%;float: left;}
    .diy-pc.merge-fenxi-base[data-sport="basketball"] .fenxi-win-score .away-table{float: right;}

    .diy-pc.merge-fenxi-base[data-sport="football"] .league-team .league-team .table-cell.team{flex: 10 !important;}
    .diy-pc.merge-fenxi-base[data-sport="football"] .league-team .league-team .table-cell{flex: 0 0 100px !important;}
    .diy-pc.merge-fenxi-base .table-no-data .table-integral{width: 100%;margin-top: 15px;}
    .diy-pc.merge-fenxi-base .box-title.no-title{font-size: 0;height: 0;}


    .merge-intelligence .information-item{display: inline-block;float: none;}
    /* 数据统计 */
    .diy-pc.merge-statistics .aio-main{width: 100%;}
    .diy-pc .tonpei_container{position: relative;}
    .diy-pc .tonpei_container .aio-sys-body>div:first-child{display: none;}
    .diy-pc .tonpei_container .aio-container{padding: 0px 0px;margin-top: 0;box-shadow: none;}
    .diy-pc .tonpei_container .box-title .guide-title{display: none;}
    
    .diy-pc .tonpei_container .windrawlose-wrap{clear: both;}
    .diy-pc .tonpei_container .goalnumber-wrap{width: 49%;float: left;margin-bottom: 0;}
    .diy-pc .tonpei_container .score-wrap,
    .diy-pc .limit_container .table-wrap .away{width: 49%;float: right;}
    .diy-pc .tonpei_container .score-wrap .content{min-height: 346px;}
    .diy-pc .limit-data .table-head th>em{display:block;font-size: 0;height: 1px;}
    
    .diy-pc .limit_container .table-wrap .home{width: 49%;float: left;}
    .diy-pc .limit_container .limit-list .proportion-list{width: 46%;display:inline-block;vertical-align:top;}
    .diy-pc .limit_container .limit-list .table-wrap{width: 52%;display:inline-block;vertical-align:top;float:right;}
    .diy-pc.merge-statistics .statistics{position:relative;margin: 0;}
    .diy-pc.merge-statistics .tabs-header{position:absolute;left: 50%;top: 130px;border: none;transform: translateX(-50%);background: rgb(0 0 0 / 5%);border-radius: 5px;z-index: 2;font-size: 14px;color: #000;}
    .diy-pc.merge-statistics .tabs-header .a0item{color:inherit;font-size: inherit;margin: 0 10px;padding: 0 10px;}
    .diy-pc.merge-statistics .statistics-info .panel{ width:25%;}
    .diy-pc.merge-statistics .statistics-info .panel .text{ padding:0 5px;}
    /* .diy-pc.merge-statistics .tonpei-data .body .label,
    .diy-pc.merge-statistics .statistics-list .title{ width:200px;}
    .diy-pc.merge-statistics .tonpei-top{display:flex;box-shadow: none;background: #fafafa;border-radius: 3px;}
    .diy-pc.merge-statistics .tonpei-top .title{flex: 0.7;border: none;}
    .diy-pc.merge-statistics .tonpei-top .tabs-wrap{flex: 1;}
    .diy-pc.merge-statistics .tonpei-top .title span{ font-weight:bold;}
    .diy-pc.merge-statistics .tonpei-odds{ text-align:center;}
    .diy-pc.merge-statistics .tonpei-odds .aio-cell{width:32%;display:inline-block;vertical-align:top;font-size: 14px;margin: 0 0.6%;}
    .diy-pc.merge-statistics .tonpei-odds .datainfo .item{ font-size:inherit;}
    .diy-pc.merge-statistics .tonpei-ds .content{position:relative;}
    .diy-pc.merge-statistics .tonpei-ds .windrawlose-wrap .answer{width:48%;position:absolute;right: 0;top: 0;}
    .diy-pc.merge-statistics .tonpei-ds .roundbox{width:48%;}
    .diy-pc.merge-statistics .tonpei-ds .roundbox .title{width: 100px;}
    .diy-pc.merge-statistics .tonpei-ds .score-wrap .answer{padding-top:105px;padding-top: 15px;} */
    .diy-pc.merge-statistics .limit_container{padding: 70px 23px 0;}
    .diy-pc.merge-statistics .statistics-list .item{padding: 20px 20px;}
    .diy-pc.merge-statistics .statistics-list .item:nth-child(even){ background:#fafafa;}
    .diy-pc.merge-statistics .limit section{ margin:0;}
    .diy-pc.merge-statistics .limit-list .doc-box{ box-shadow:none;}
    .diy-pc.merge-statistics .limit-data .head .title{ font-weight:bold;}
    .diy-pc.merge-statistics .select-handicap td{ background:none;}
    .diy-pc.merge-statistics .select-handicap td a{ box-shadow:0 0 1px rgb(255 106 0 / 60%); }
    .diy-pc.merge-statistics .select-handicap thead{ background:#eee;}
    .diy-pc.merge-statistics .select-handicap thead th{ color:black;}
    .diy-pc.merge-statistics .statistics-list{ padding:10px 0;}
    .diy-pc.merge-statistics .limit_container .live-menu-wrap{display: none;}
    .diy-pc.merge-statistics .aio-ratio-bar .inner-bar{padding: 0 1%;}
    .diy-pc.merge-statistics .container {padding-top: 50px;}

    .diy-pc.merge-stats .swiper-pointer-events{overflow: initial;}
    .diy-pc.merge-stats .panel-content .panel-item .swiper-button-prev, 
    .diy-pc.merge-stats .panel-content .panel-item .swiper-button-next{display: none;}
    .diy-pc.merge-stats .panel-content .panel-item{padding: 0;}
    .diy-pc.merge-stats .player-stats .player-data li .label,
    .diy-pc.merge-stats .player-stats .player-data li .value{display:block;width: auto;text-align: center;font-size:12px;padding: 0 11px;}
    .diy-pc.merge-stats .player-stats .player-data li .value{font-size:16px;color: black;}
    .diy-pc.merge-stats .player-stats .swiper-slide-inner:hover{background:rgb(255 106 0 / 5%);box-shadow:0 0 1px #ff6a00;z-index: 2;}
    .diy-pc.merge-stats .player-stats .swiper-slide-inner:hover .player-data .value{ font-weight:bold; color:#ff6a00;}
    .diy-pc.merge-stats .player-stats .swiper-slide-inner:hover .player-data .label{ color:black;}
    .diy-pc.merge-stats .player-stats .swiper-slide-inner{padding: 10px 0;border-radius: 0;}
    .diy-pc.merge-stats .swiper-wrapper{display: block;transform: translate3d(0, 0, 0) !important;}
    .diy-pc.merge-stats .player-stats .classify{left: 55px;right: auto;border-radius: 3px;min-width: 100px;background: none;text-align: left;color: #3a82fb;padding: 0;top: 2px;}
    .diy-pc.merge-stats .home .player-stats .classify{color: #e44d5c;}
    .diy-pc.merge-stats .player-stats .player{width: 22%;float: left;padding: 0;font-weight: bold;font-size: 15px;padding-left: 5px;}
    .diy-pc.merge-stats .player-stats .swiper-slide{width: initial !important;clear: both;padding: 0;margin: 0 !important;}
    .diy-pc.merge-stats .player-stats .player-data{display: block;}
    .diy-pc.merge-stats .player-stats .player-data li{display: inline-block;vertical-align: top;line-height: 20px;background: none;}
    .diy-pc.merge-stats .main.doc-box{padding: 16px 23px;}

    .diy-pc.merge-stats[data-sport="basketball"] .guide-bb-StatsTitle{margin-top: 50px;margin-bottom: -10px;transform: translate(10px,-30px) scale(1.2);font-size: 12px;line-height: 50px;padding-left: 18px;}
    .diy-pc.merge-stats[data-sport="basketball"] .player-stats{/* max-height: 600px; *//* overflow: auto; */}
    .diy-pc.merge-stats[data-sport="basketball"] .player-stats::-webkit-scrollbar-thumb{background-color: #0003;border-radius: 10px;transition: all .2s ease-in-out;}
    .diy-pc.merge-stats[data-sport="basketball"] .player-stats::-webkit-scrollbar{width: 6px;background: #e4e4e4;}    
    .diy-pc.merge-stats[data-sport="basketball"] .player-stats::-webkit-scrollbar-track{border-radius: 10px;}  

    /* 资料 */
    .diy-pc.merge-integral .aio-main{width: 100%;position: relative;}
    .diy-pc.merge-integral .aio-main::after{content: "\20";display: block;height: 0;clear: both;}
    .diy-pc .merge-data-integral .sub-tablist-wrap{margin-top: 0;}
    .diy-pc .merge-data-integral .main{margin-bottom: 20px;}
    .diy-pc .merge-data-integral .main::after{ content:''; display:block; clear:both; height:0;}
    .diy-pc .merge-data-integral .main .table-integral{width: 70%;float: right;}
    .diy-pc .merge-data-integral .main .table-integral .table-body{max-height: 690px;overflow: auto;}
    .diy-pc .merge-data-integral .main .rule-wrap{width: 28%;float: left;height: 690px;margin: 0;overflow: auto;}
    
    .diy-pc.merge-integral .match-container .match-content, 
    .diy-pc.merge-integral .team-container .main .navlist, 
    .diy-pc.merge-integral .player-container .main .navlist,
    .diy-pc.merge-integral .team-container .main .table-rank,
    .diy-pc.merge-integral .player-container .main .table-rank{max-height: 74%;overflow: auto;/* overflow: visible; */}
    .diy-pc.merge-integral .match-container .match-content{max-height:60vh;padding: 0;}
    
    .diy-pc.merge-integral .team-container .main .navlist,
    .diy-pc.merge-integral .player-container .main .navlist{max-width: initial;width: auto;min-height: 160px;}
    .diy-pc.merge-integral .player-container .main .navlist li,
    .diy-pc.merge-integral .team-container .main .navlist li{padding: 0px 10px;display: inline-block;margin: 0px;min-width: 30px;}
    .diy-pc.merge-integral .tree-select .navlist li.active{ font-weight:bold;}
    
    .diy-pc.merge-integral .team-container .tree-select, .diy-pc.merge-integral .player-container .tree-select{max-height: 68vh;overflow: hidden;height: 68vh;}
    .diy-pc.merge-integral .match-container .aio-container,
    .diy-pc.merge-integral .team-container .aio-container,
    .diy-pc.merge-integral .player-container .aio-container{padding-top: 0;margin-top: 0;padding-bottom: 0;box-shadow: none;}
    
    .diy-pc.merge-integral .team-container{width: 49%;float: left;padding: 80px 0 10px 23px;}
    .diy-pc.merge-integral .player-container{width: 49%;float: right;clear: none;padding: 80px 23px 10px 0;}
    .diy-pc.merge-integral .match-container .match-content{box-shadow: none;padding: 0 50px;margin: 0;}
    
    .diy-pc.merge-integral .team-container .aio-main,
    .diy-pc.merge-integral .player-container .aio-main{padding-left: 0;}
    
    .diy-pc.merge-integral .team-container .table .table-cell.rank,
    .diy-pc.merge-integral .team-container .table-rank .table-cell:nth-child(1),
    .diy-pc.merge-integral .player-container .table .table-cell.rank,
    .diy-pc.merge-integral .player-container .table-rank .table-cell:nth-child(1){max-width: 50px;}
    .diy-pc.merge-integral .match-container .guide-title{/* transform: translate(-5px,-90px) scale(1.2); */}
    .diy-pc.merge-integral .table-rank-player .team .name span:nth-child(2){opacity: .8;color: #c18a4a;float: right;}
    
    .diy-pc.merge-integral .team-container .table-rank .table-cell:nth-child(3), 
    .diy-pc.merge-integral .team-container .table-rank .table-cell:nth-child(4),
    .diy-pc.merge-integral .player-container .table-rank .table-cell:nth-child(3), 
    .diy-pc.merge-integral .player-container .table-rank .table-cell:nth-child(4){max-width: 70px;}
    .diy-pc.merge-integral .tree-select{ display:block;}
    .diy-pc.merge-integral .table-head{ position:sticky; top:0; z-index:5; background:white;}
    .diy-pc.merge-integral .select-list{/* float:left; *//* width: 50%; min-height: 130px;*/border-radius:0;margin:0;}
    /* .diy-pc.merge-integral .match-table .table-cell.jiaoqiu{display:flex;justify-content: space-around;} */
    .diy-pc.merge-integral .match-table .table-cell.score{/*display:flex;justify-content: space-evenly;*/width: 180px;padding: 0 20px;}
    .diy-pc.merge-integral .match-table .table-cell.time{display:flex;}
    /* .diy-pc.merge-integral .match-table .table-cell.jiaoqiu p:last-child{padding-left:10px;justify-content: right;} */
    .diy-pc.merge-integral .match-table .table-cell.jiaoqiu p:last-child::before{ content:'(';}
    .diy-pc.merge-integral .match-table .table-cell.jiaoqiu p:last-child::after{ content:')';}
    .diy-pc.merge-integral .match-table .table-cell.time .classify{ font-weight:bold; padding-left:10px;}
    .diy-pc.merge-integral .merge-data-integral{padding: 80px 23px 0px;}
    .diy-pc.merge-integral .match-table{ box-shadow:none;}
    
    .diy-pc.merge-integral[data-sport="basketball"] .main-bb-match{max-height: 60vh;overflow: auto;}
    .diy-pc.merge-integral .table-integral .table-cell.team{flex: 8 !important;}
    .diy-pc.merge-integral .table-integral .table-cell{flex: 0 0 100px !important;}

    .diy-pc.merge-integral .select-list .a0item{max-height: 44px;}
    .diy-pc.merge-integral .player-container .team .name{font-size: 0;}
    .diy-pc.merge-integral .player-container .team .name span{font-size: 14px;}
    .diy-pc.merge-integral[data-sport="basketball"] .player-container .team .name span:nth-child(2){opacity: .8;color: #c18a4a;float: right;}
    .diy-pc.merge-integral[data-sport="basketball"] .team-container,
    .diy-pc.merge-integral[data-sport="basketball"] .player-container{padding: 40px 0 10px 23px;}
    .diy-pc .merge-data-integral {position: relative;padding-top: 110px !important;}
    .diy-pc .merge-data-integral .guide-tp-title, .diy-pc .merge-data-integral .guide-title{position: absolute;top: 80px;left: 25px;}
    .diy-pc.merge-integral .player-container .main .table-rank,
    .diy-pc.merge-integral .team-container .main .table-rank{max-height: calc(100% - 160px);}
    .diy-pc .database-tabs {display: none;}
    /* .diy-pc .match-container .doc-sticky-top {float: left;width: 42%;}
    .diy-pc .match-container .main {float: right;width: 57%;margin-top: 35px;}
    .diy-pc .match-container .match-content {padding: 0 10px !important;} */


    /* 分析师方案 */
    .diy-pc.merge-public .aio-main{padding: 23px 23px;width: 100%;}
    .diy-pc.merge-guide .doc-box{padding: 0;box-shadow: none;}
    .diy-pc.merge-guide .analyst-list::after{content: "\20";display: block;height: 0;clear: both;}
    .diy-pc.merge-guide .analyst-list>li{width: 49%;float: left;box-shadow: 0 0 1px rgb(0 0 0 / 40%);border-radius: 3px;margin-bottom: 23px;overflow: hidden;}
    .diy-pc.merge-guide .analyst-list>li:nth-child(even) {float: right;}
    .diy-pc.merge-guide .analyst-list>li .ellipsis-2{-webkit-line-clamp: 1}
    .diy-pc.merge-guide .analyst-list>li.list-flip{width: 100%;clear: both;}
    .diy-pc.merge-guide .analyst-guide-item .titlebox{ display:none;}
    
    /* ai预测 */
    .diy-pc.merge-liveAi .ai-wrap{position: relative;}
    .diy-pc.merge-liveAi .ai-wrap .forecast-box{width: 49.0%;float: left;/* min-height: 300px; */}
    .diy-pc.merge-liveAi .ai-wrap .forecast-box:nth-of-type(even){float:right;}
    .diy-pc.merge-liveAi .ai-wrap #goalTeam{float: none;clear: both;}
    .diy-pc.merge-liveAi .ai-wrap .data-box .card-inner{display: block;text-align: center;height: 250px;}
    .diy-pc.merge-liveAi .aio-ratio-bar{height: 60px;width: 200px;position:relative;display: inline-block;transform: translateY(160px);}
    .diy-pc.merge-liveAi .aio-ratio-bar .label{transform: rotate(90deg) translate(-40px, 62px);left: 0%;width: 100px;padding: 0;text-align: center;}
    .diy-pc.merge-liveAi .aio-ratio-bar .value{transform: rotate(90deg) translate(20px, 17px);left: 0%;position: absolute;z-index: 2;padding: 0;width: 60px;text-align: center;}
    .diy-pc.merge-liveAi .ai-wrap .aio-ratio-bar .inner-bar::before{transform: rotate(90deg) translate(72%, -35px);left: auto;right: 0;}
    .diy-pc.merge-liveAi .ai-wrap .aio-ratio-bar .inner-bar.active[data-pick="首选"]::after{transform: rotate(90deg) translate(0, 7px);left: 100%;top: 47px;}
    .diy-pc.merge-liveAi .aio-ratio-bar .inner-bar{border-radius: 3px !important;vertical-align: bottom;left: 0;bottom: 0;transform-origin: left bottom;transform: rotate(-90deg) translateY(70%);position: absolute;}
    .diy-pc.merge-liveAi .aio-ratio-bar .inner-bar:nth-child(1){left: 0%;}
    .diy-pc.merge-liveAi .aio-ratio-bar .inner-bar:nth-child(2){left: 50%;}
    .diy-pc.merge-liveAi .aio-ratio-bar .inner-bar:last-child{left: 100%;}
    .diy-pc.merge-liveAi .ai-wrap .title{background:none;padding: 5px 0 5px 10px;font-weight: bold;text-align: left;}
    .diy-pc.merge-liveAi .ai-wrap .card-inner{ min-height:196px;}
    .diy-pc.merge-liveAi .ai-wrap .item-label{text-align:left;padding-left: 10px;font-weight: bold;color: #c18a4a;}

    
    /* 赛场情报 */
    .diy-pc.merge-intelligence .information-list::after,
    .diy-pc.merge-intelligence[data-sport="basketball"] .player-table-wrap::after{content: "\20";display: block;height: 0;clear: both;}
    .diy-pc.merge-intelligence .information-list li{width: 48%;float: left;min-height: 470px;}
    .diy-pc.merge-intelligence .information-list li:nth-child(even){float: right;}
    /* .diy-pc.merge-intelligence .information-item .pic{width: 100%;max-height: 200px;height: auto;border-radius: 0;} */
    .diy-pc.merge-intelligence .information-item .pic{width: 100%;max-height: 250px;height: 250px;border-radius: 0;position: relative;}
    .diy-pc.merge-intelligence .information-item .pic img{position: absolute;top: 50%;transform: translateY(-50%);}
    .diy-pc.merge-intelligence .information-item p.summary{min-height: 130px;}
    .diy-pc.merge-intelligence .information-item .content{display: block;}
    .diy-pc.merge-intelligence .doc-box{ padding:0; box-shadow:none;}
    .diy-pc.merge-intelligence .information-overseas-list{display:inline-block;vertical-align:top;width: 32%;margin: 5px;padding: 5px 15px 5px 40px;}
    .diy-pc.merge-intelligence .container.is-bottom{ padding-bottom:23px !important;}
    .diy-pc.merge-intelligence .information-overseas-list .overseas-item h3::before{ left:-20px;}
    .diy-pc .information-item{position: relative;}
    .diy-pc .information-list li.information-item:last-child::after{content: "";position: absolute;left: 5px;right: 5px;bottom: 0;border-top: 1px solid rgba(0, 0, 0, .2);transform: var(--border-width);}

    .diy-pc.merge-intelligence[data-sport="basketball"] .player-table-wrap .player-table{width: 49%;float: left;margin-right: 2%;margin-top: 0;}
    .diy-pc.merge-intelligence[data-sport="basketball"] .player-table-wrap .player-table:nth-child(2n){margin-right: 0 !important;}

    /* 投票 */
    .diy-pc .live-vote .vote-wrap{padding: 23px;}
    .diy-pc .live-vote .vote-wrap:after{ content:''; clear:both; display:block;}
    .diy-pc .live-vote .box{width:49%;float:left;min-height: 460px;}
    .diy-pc .live-vote .box:last-child{ float:right;}
    .diy-pc .live-vote .box:last-child:nth-child(1){float:none;margin:0 auto;width: 80%;min-height: initial;}
    .diy-pc .live-vote .mask{ height:100px;}
    .diy-pc .live-vote .vote-btn{margin: 30px auto;}

    .diy-pc.merge-fenxi-base .panel.skeleton.total-score,
    .diy-pc.merge-fenxi-base .z8boxs.data-feature{ padding:0; box-shadow:none;}

    .diy-pc[data-sport="basketball"] .live-vote .box{width: 100%;}
    
    /* 必发 */
    /* .diy-pc.merge-liveBifa .bifa-detail .aio-tabs-content  .aio-tab-panel[data-labelledby="3"]::after{content:''; clear:both; display:block;height: 0;} */
    .diy-pc.merge-liveBifa .live-menu-wrap{display: block;}
    .diy-pc.merge-liveBifa .bifa-detail .aio-tabs-content .aio-tab-panel[data-labelledby="3"],
    .diy-pc.merge-liveBifa .bifa-large .aio-tabs-content .aio-tab-panel[data-labelledby="3"]{display: flex;justify-content: space-between;align-items: center;}
    .diy-pc.merge-liveBifa .bifa-detail .aio-tabs-content .aio-tab-panel[data-labelledby="3"] .echart-pie-wrap,
    .diy-pc.merge-liveBifa .bifa-detail .aio-tabs-content .aio-tab-panel[data-labelledby="3"] .echart-line-wrap,
    .diy-pc.merge-liveBifa .bifa-large .aio-tabs-content .aio-tab-panel[data-labelledby="3"] .echart-wrap,
    .diy-pc.merge-liveBifa .bifa-large .aio-tabs-content .aio-tab-panel[data-labelledby="3"] .bifa-large-detail{ width: 49%;}

    /* PC共用部分 */
    .diy-pc .detail-lineup .head .text{ font-weight:bold;}
    .diy-pc .popup-player .header .tabs,
    .diy-pc .live-menu.small{transform-origin: right;transform: scale(1.2);}
    .diy-pc .player-table, 
    .diy-pc .merge-data-integral .main .rule-wrap,
    .diy-pc .merge-data-integral .main .table-integral,
    .diy-pc.merge-liveAi .ai-wrap .forecast-box, .diy-pc.merge-statistics .tabs-header, .diy-pc .detail-lineup, .diy-pc.merge-integral .team-container .tree-select, .diy-pc.merge-integral .player-container .tree-select, .diy-pc.merge-statistics .statistics-list, .diy-pc.merge-statistics .limit-list .limit-item, .diy-pc.merge-intelligence .information-overseas-list, .diy-pc.merge-integral .match-container .main, .diy-pc.merge-integral .select-list, .diy-pc .sub-tablist, .diy-pc.merge-fenxi-base .recent-match .panel, .diy-pc.merge-fenxi-base .match-rank, .diy-pc.merge-fenxi-base .panel.skeleton, 
    .diy-pc.merge-stats .player-stats .swiper-slide-inner,
    .diy-pc.merge-lineup .merger-container .doc-box,
    .diy-pc .panel.detail-event .inner,
    .diy-pc .detail-fb-textlive {box-shadow:0 0 1px rgb(0 0 0 / 40%);}
    .diy-pc .detail-substitute .away .list{ text-align:right;}
    .diy-pc .detail-substitute .item{display:inline-block;text-align: center;width: 120px;height: 140px;padding: 5px;vertical-align:top;}
    .diy-pc .detail-substitute .item .avatar{ margin:0 auto;}
    .diy-pc .team-box{ font-weight:bold;}

    .diy-pc .aio-action-bar{background:none;}
    .diy-pc .aio-submit-tip,
    .diy-pc .action-tip{background:none;opacity: .6;}
    .diy-pc .sub-tablist-wrap{ overflow:visible;}
    .diy-pc .sub-tablist-wrap .sub-tablist{ background:#fafafa;}

    .diy-pc .submit-bar,
    .diy-pc .action-bar{background: linear-gradient(90deg,#d5eeff,#ffecb2);}
    .diy-pc .submit-bar .button,
    .diy-pc .action-bar .action-btn{padding:0 30px;font-weight:bold;font-size:18px;letter-spacing:2px;width: auto;}
    .diy-pc .merger-container{clear:both;position:relative;padding: 0 23px;padding-top: 70px;}
    .diy-pc:not(.empty-single-box) .aio-container.doc-box .empty-box{padding: 50px 0 0;background-size: auto 100px;background-position: center top;}

    .guide-title, .guide-tp-title{display: none;}
    .diy-pc .guide-tp-title, .diy-pc .guide-title{display: block;}
    .diy-pc .down_app_block{display: block;width: 28%;float: left;position: relative;}
    
}
body.aio.event .chat-containers {height: calc(100% - 235px - 110px) !important;}
.chat-containers {position: fixed;left: 0;width: 100%;height: calc(100% - 298px);bottom: 63px;background: #fff;}
.chat-containers.h5-hasDowload{height: calc(100% - 235px);bottom: 0;}
.chat-container .btn {display: block;width: 184px;line-height: 44px;text-align: center;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 93.52%, rgba(255, 168, 77, 1) 99.87%);color: #fff;font-size: 18px;border: 0;border-radius: 44px;box-shadow: 0 18px 22px -15px rgba(255, 168, 77, 1);margin: 36px auto 0;}
.chat-container .chat-box {flex: 1;position: relative;}
.chat-countdown {position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 100%;text-align: center;}
.chat-countdown p {color: rgba(0, 0, 0, .5);font-size: 14px;line-height: 20px;}
.chat-countdown h3 {color: rgba(0, 0, 0, .7);font-size: 14px;line-height: 24px;margin: 20px 0 18px;}
.chat-countdown h3 em {color: #ff1f1f;}
.chat-countdown .countdown {font-size: 0;margin: 18px 0 36px;}
.chat-countdown .countdown span {display: inline-block;vertical-align: top;width: 65px;line-height: 44px;background-color: #1f1813;color: #fff;font-size: 24px;font-weight: bold;border-radius: 3px;position: relative;}
.chat-countdown .countdown span:not(:last-child){margin-right: 30px;}
.chat-countdown .countdown span:not(:last-child)::after,
.chat-countdown .countdown span:not(:last-child)::before{content: "";position: absolute;left: 100%;transform: translateX(12px);display: block;width: 5px;height: 5px;border-radius: 100%;background-color: rgba(0, 0, 0, .5);margin: 10px 0;}
.chat-countdown .countdown span:not(:last-child)::before{top: 0;}
.chat-countdown .countdown span:not(:last-child)::after{bottom: 0;}

.chat-countdown .follow-btns{display: inline-block;color: #fff;cursor: pointer;}
.chat-countdown .follow-btns::before{content: "关注比赛";background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 93.52%, rgba(255, 168, 77, 1) 99.87%);border-radius: 30px;display: block;padding: 10px 30px;font-size: 16px;}
.chat-countdown .follow-btns.active::before{content: "已关注比赛";}
.chat-error {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;padding-top: 130px;background: url(/images/chat_warning.png) no-repeat center top;background-size: auto 110px;}
.chat-error.chat-login-error a{border-radius: 24px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 93.52%, rgba(255, 168, 77, 1) 99.87%);margin-top: 15px;color: #fff;padding: 8px 35px;font-size: 16px;box-shadow: 0 5px 16px -5px rgba(255,134,38,1);}
.chat-error.error-off {background-image: url(../images/chat_off.png);}
.chat-error.error-eanger {background-image: url(../images/chat_eanger.png);}

.chat-containers .ban-error h3{padding-top: 110px;background-position: center top; background-repeat: no-repeat;background-size: auto 110px;color: #000;}
.chat-containers .ban-error.permanent h3{background-image: url(/images/chat_danger.png);}
.chat-containers .ban-error.prohibition h3{background-image: url(/images/chat_danger.png);}
.chat-containers .ban-error.realName h3{background-image: url(/images/chat_success.png);}
.chat-containers .ban-error a.ban-btns{background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 170, 79, 1) 93.52%, rgba(255, 168, 77, 1) 99.87%);border-radius: 30px;display: inline-block;padding: 10px 30px;font-size: 14px;color: #fff;box-shadow: 0 5px 16px -5px rgba(255,134,38,1);}
.chat-containers .ban-error a.chat-prohibitionBtn{display: block;margin-top: 10px;}

.chat-containers .ban-error.prohibition{top: 0;transform: translateY(0);background: rgba(0, 0, 0, .5);height: 100%;display: none;}
.chat-containers .ban-error.active{display: block;}
.chat-containers .prohibition-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;background: #fff;border-radius: 15px;padding: 0 8px 20px;}

.chat-error p {color: rgba(0, 0, 0, .5);font-size: 14px;}
.chat-notice {color: #cf8a00;font-size: 11px;line-height: 20px;background-color: #fcf3e6;padding: 0 10px;display: flex;}
.chat-notice::before {content: "";width: 14px;background: url(../images/icon/icon_volume.png) no-repeat center center;background-size: contain;margin-right: 5px;}
.chat-notice .notice-wrap {flex: 1 1;overflow: hidden;}
.chat-notice .notice-content {white-space: nowrap;transition-timing-function: linear;}
.chat-notice-danger {color: #eb3d3d;font-size: 11px;line-height: 20px;background-color: #fce6e6;padding: 0 10px;text-align: center;}
.chatlist {padding: 20px 0;}
.chat-item {display: flex;padding: 0 10px;margin-bottom: 15px;}
.chat-item .avatarbox {width: 30px;height: 30px;position: relative;}
.chat-item .avatarimg {width: 100%;height: 100%;border-radius: 100%;border: 0.2px solid #a6a6a6;}
.chat-item .content {flex: 1 1;padding-left: 7px;}
.chat-item .username {line-height: 14px;margin-bottom: 2px;}
.chat-item .username .name {color: rgba(0, 0, 0, .6);font-size: 11px;font-weight: bold;}
.chat-item .summary {background-color: #fff;border-radius: 3px;color: rgba(0, 0, 0, .8);font-size: 14px;line-height: 20px;padding: 8px;word-break: break-all;position: relative;}
.chat-item .summary::before {content: "";position: absolute;left: -4px;top: 5px;width: 8px;height: 8px;z-index: -1;transform: rotate(45deg);background: #fff;border-radius: 1px;}

.chat-loading{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;z-index: 10;}
.chat-containers .c0iframe{width: 100%;height: 100%;border: 0;}
/* 裁判数据 */
.referee-header {line-height: 18px;overflow: hidden;margin-bottom: 10px;padding: 0 10px;}
.referee-header .name {color: rgba(0, 0, 0, 0.8);font-size: 11px;float: left;}
.referee-header .radios {float: right;overflow: hidden;}
.referee-header .radios .a0item {float: left;width: 54px;line-height: 18px;background-color: #e5e5e5;border-radius: 18px;color: #777;font-size: 11px;text-align: center;position: relative;}
.referee-header .radios .a0item::after {position: absolute;content: "";pointer-events: none;top: -50%;right: -50%;bottom: -50%;left: -50%;border: 1px solid #a6a6a6;border-radius: inherit;transform: scale(.5);}
.referee-header .radios .a0item:not(:first-of-type) {margin-left: 3px;}
.referee-header .radios .a0item[data-ai-vis] {color: #ff7310;background-color: #fff;}
.referee-header .radios .a0item[data-ai-vis]::after {border-color: #ff8d1a;}
.referee-wrapper {padding: 0 10px;}
.referee-wrapper::after {content: "";clear: both;display: table;}
.referee-wrapper .list {float: left;width: calc((100% - 15px) / 4);background-color: #fff;text-align: center;font-size: 13px;line-height: 20px;}
.referee-wrapper .list li {margin: 8px 0;}
.referee-wrapper .list:not(:last-of-type) {margin-right: 5px;}
.referee-wrapper .list li:first-child {font-size: 12px;}
.referee-wrapper .list li:first-child img {width: 18px;height: 18px;object-fit: contain;}
.referee-wrapper .list:first-child li:not(:first-child) {font-size: 11px;}
.referee-wrapper .list li:nth-child(3) {background-color: rgba(0, 0, 0, .02);}
.referee-wrapper .list:nth-child(2) li:nth-child(1),
.referee-wrapper .list:nth-child(2) li:nth-child(3) {color: #ff7310;}
.referee-wrapper .list:nth-child(3) li:nth-child(1),
.referee-wrapper .list:nth-child(3) li:nth-child(3) {color: #e36a76;}
.referee-wrapper .list:nth-child(4) li:nth-child(1),
.referee-wrapper .list:nth-child(4) li:nth-child(3) {color: #5b94f5;}
/* 裁判数据end */

/* 球员伤停 */
.lineup-area {margin-top: 5px;}
.lineup-area-title {line-height: 40px;font-size: 15px;padding: 0 10px;background-color: #fff;position: relative;}
.lineup-area-title::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px solid #e6e7ef;transform-origin: center bottom;transform: scaleY(0.5);}
.lineup-area-content {background-color: #fff;padding-bottom: 20px;position: relative;}
.lineup-area-content::after {content: "";clear: both;display: table;}
.lineup-area-content::before {content: "";position: absolute;left: 50%;top: 0;bottom: 20px;width: 1px;background-color: #e6e7ef;transform: scaleX(0.5);}
.lineup-injury .injury-home {float: left;width: 50%;}
.lineup-injury .injury-away {float: right;width: 50%;}
.lineup-injury .item {display: flex;align-items: center;padding: 15px 12px 0;cursor: pointer;}
.lineup-injury .item .avatarimg {width: 35px;height: 35px;border-radius: 100%;object-fit: cover;background-color: #eeeef0;margin-right: 4px;}
.lineup-injur  .item .info {flex: 1;width: 0;line-height: 100%;}
.lineup-injury .item .name {font-size: 12px;line-height: 18px;}
.lineup-injury .item .status {display: inline-block;vertical-align: top;background-color: #e44d5c;line-height: 14px;border-radius: 1px;color: #fff;font-size: 10px;padding: 0 5px;margin-top: 3px;}
.lineup-injury .injury-away .item {flex-direction: row-reverse;}
.lineup-injury .injury-away .item .avatarimg {margin-right: 0;margin-left: 4px;}
.lineup-injury .injury-away .item .info {text-align: right;}
.lineup-injury .injury-away .item .status {background-color: #3a82fb;}
/* 球员伤停end */

/* 资料库 */
.database-tabs {display: flex;background-color: #fff;}
.database-tabs .item {flex: 1;text-align: center;line-height: 32px;color: #999;font-size: 12px;}
.database-tabs .item span {display: inline-block;position: relative;}
.database-tabs .item.active {color:  var(--color-theme);}
.database-tabs .item.active span::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color: var(--color-theme);}
/* 资料库 */

.affix-live {position: fixed;right: 10px;bottom: 20%;width: 40px;z-index: 24;}
.affix-live img {display: block;}
/* weChat 语音包 */
.voice-commentary{display: none;position: fixed;top: 50%;transform: translateY(-50%);right: 5px;z-index: 101;height: 50px;width: 50px;transition: width .3s ease-in;overflow: hidden;}
body[data-mode="wechat"] .voice-commentary{display: block !important;}
/* body[data-mode="wechat"] .voice-commentary.active{width: 199px;} */
body[data-mode="wechat"] .voice-commentary.active{width: 250px;}
.voice-commentary .audio-wrapper {background: linear-gradient(90deg, rgba(67, 207, 124, 0.8) 0%, rgba(24, 79, 16, 0.8) 100%);border-radius: 30px;width: 100%;height: 100%;position: relative;} 
.voice-commentary .audio-left { float: left; text-align: center; width: 18%; height: 100%;} 
.voice-commentary .audio-left img { width: 40px; position: relative; top: 15px; margin: 0; display: initial; /* 解除与app的样式冲突 */ cursor: pointer; } 
/* .voice-commentary .audio-right {width: calc(100% - 50px);height: 100%;padding-left: 15px;padding-top: 10px; } */
.voice-commentary .audio-right {width: calc(100% - 65px);height: 100%;padding-left: 15px;padding-top: 15px; }
.voice-commentary .audio-right p { font-size: 15px; height: 35%; margin: 8px 0; /* 歌曲名称只显示在一行，超出部分显示为省略号 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 243px; /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */ } 
.voice-commentary .progress-bar-bg { background-color: rgb(1, 31, 6, 1); position: relative; height: 5px; cursor: pointer;border-radius: 5px;} 
.voice-commentary .progress-bar { border-radius: 5px;background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.4) 100%); width: 0; height: 100%; } 
.voice-commentary .progress-bar-bg span { content: " "; width: 10px; height: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #3e87e8; position: absolute; left: 0; top: 50%; margin-top: -5px; margin-left: -5px; cursor: pointer; opacity: 0;} 
.voice-commentary .audio-time { overflow: hidden; margin-top: -1px; } 
.voice-commentary .audio-length-total { float: right; font-size: 13px; color: #fff;font-weight: bold;} 
.voice-commentary .audio-length-current { float: left; font-size: 13px; color: rgba(255, 255, 2255, .7);font-weight: bold;} 
/* .voice-commentary .audio-btn{position: absolute;top: 0;right: 0;width: 36px;height: 36px;background: url(../images/live/voice-icon.png) no-repeat;background-size: contain;} */
.voice-commentary .audio-btn{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url(../images/live/voice-icon.png) no-repeat;background-size: contain;cursor: pointer;}
.voice-commentary .audio-btn-line{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;text-align: center;    font-size: 16px;height: 20px;line-height: 20px;font-weight: bold;}

.voice-commentary .audio-btn-line::after{ content: '\25B6';font-size: 14px;padding-left: 5px;}
.voice-commentary.active .audio-btn-line::after{ content: '\II';font-size: 16px;letter-spacing: 2px;    font-weight: 800;}

/* 聊天室快速投票 */
.live-vote-list {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 94%;max-width: 800px;text-align: left;}
.live-vote-list .wrap {background-color: #fff;border-radius: 12px;overflow: hidden;}
.live-vote-list .header {background: url(../images/bar_2.png) no-repeat center bottom;background-size: cover;line-height: 40px;color: #fff;font-size: 16px;padding-left: 40px;position: relative;}
.live-vote-list .header::before {content: "";width: 25px;height: 25px;background: url(../images/icon/crown.png) no-repeat;background-size: contain;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.live-vote-list .content {padding: 14px 14px 8px;}
.live-vote-list .row {display: flex;align-items: center;margin-bottom: 6px;}
.live-vote-list .row:last-of-type {margin-bottom: 8px;}
.live-vote-list .row-title{color: var(--color-theme);font-size: 15px;width: 28px;}
.live-vote-list .a0item {flex: 1;background-color: #f7f8fa;text-align: center;line-height: 20px;font-size: 12px;padding: 2px;border-radius: 5px;margin-right: 6px;position: relative;cursor: pointer;user-select: none;}
.live-vote-list .a0item:last-of-type {margin-right: 0;}
.live-vote-list .a0item em {color: rgba(0, 0, 0, .4);margin-right: 4px;}
.live-vote-list .a0item span {color: #e44d5c;}
.live-vote-list .a0item .value {color: rgba(0, 0, 0, .4);}
.live-vote-list .a0item[data-ai-vis] {background-color: #fff8f5;}
.live-vote-list .a0item[data-ai-vis]::before {content: "";pointer-events: none;position: absolute;top: -50%;right: -50%;bottom: -50%;left: -50%;border: 1px solid #ff8d1a;transform: scale(.5);border-radius: inherit;}
.live-vote-list .tip {color: rgba(0, 0, 0, .4);font-size: 10px;line-height: 16px;text-align: center;}
.live-vote-list .btn {width: 180px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 168, 77, 1) 100%);box-shadow: 0px 15px 22px -15px rgba(255,168,77,1);color: #fff;font-size: 16px;margin: 14px auto 0;cursor: pointer;user-select: none;}
.live-vote-list .close {width: 32px;height: 32px;background: url(../images/icon/icon-close.png) no-repeat;background-size: contain;margin: 22px auto 0;cursor: pointer;}

.move-recommend {position: fixed;top: 0;left: 0;width: 204px;z-index: 2236;}
.move-recommend .close {width: 20px;height: 20px;border-radius: 50%;background: url(../images/icon/close.png) no-repeat;background-size: contain;position: absolute;right: -10px;top: -10px;cursor: pointer;}
.move-recommend .header {background: #fff url(../images/bar_3.png) no-repeat center top;background-size: cover;border-radius: 2px 2px 0 0;height: 26px;line-height: 26px;margin-bottom: -1px;display: flex;align-items: center;justify-content: space-between;padding: 0 6px;color: #fff;}
.move-recommend .header .title {font-size: 12px;background: url(../images/icon/good.png) no-repeat left center;background-size: 16px auto;padding-left: 18px;}
.move-recommend .header .btn {color: #fff;font-size: 10px;padding: 2px 8px 0 0;background: url(../images/icon/icon-right.png) no-repeat right 9px;background-size: 5px auto;}
.move-recommend .content {background-color: #fff;border-radius: 0 0 2px 2px;padding: 5px;position: relative;}
.move-recommend .content::before {content: "";position: absolute;top: -50%;right: -50%;bottom: -50%;left: -50%;border: 1px solid #ff7310;border-top: 0;transform: scale(0.5);pointer-events: none;border-radius: 0 0 2px 2px;}
.move-recommend .info {display: flex;align-items: center;}
.move-recommend .info .avatarimg {width: 26px;height: 26px;border-radius: 50%;object-fit: cover;margin-right: 3px;flex-shrink: 0;}
.move-recommend .info .name {color: rgba(0, 0, 0, .7);font-size: 12px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 3px;max-width: 84px;}
.move-recommend .info .winning {background-color: #e44d5c;border-radius: 1px;padding: 0 4px;line-height: 14px;color: #fff;font-size: 10px;flex-shrink: 0;}
.move-recommend .summary {font-size: 12px;line-height: 18px;margin-top: 4px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* .sideaffix {position: fixed;right: 0;bottom: 23%;z-index: 10;} */
.sideaffix {position: fixed;right: 0;bottom: 43%;z-index: 10;}
.sideaffix .item {cursor: pointer;}
.sideaffix .voteitem {width: 58px;}

.chat-liveVoteList[data-ai-vis="1"]{display: block;}
.chat-liveVoteList a.more-vote{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 14px;padding-right: 15px;background: url(../images/icon/icon-right.png) no-repeat;background-size: 8px;background-position: right 50%;}

/* 聊天室快速投票end */

/* 极限特征 === 改版 */
.new-limiTrait-menu{text-align: center;width: 70%;margin: 0 auto;}
.new-limiTrait-menu a{font-size: 15px;padding: 0 0 6px;position: relative;margin: 0 30px;}
.new-limiTrait-menu a[data-ai-vis="1"]{color: #ff7310;font-weight: bold;}
.new-limiTrait-menu a[data-ai-vis="1"]::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 20px;height: 3px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 169, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);border-radius: 15px;}
.new-limit .limit-list{margin-top: 5px;}

.new-limit-list .feature-all-part{padding: 5px;}
.new-limit-list .feature-info,
.new-limit-list .feature-unscramble{border-radius: 4px;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.15);background-color: #fff;margin-bottom: 10px;box-sizing: border-box;overflow: hidden;}
.feature-info .title,
.feature-unscramble .title{height: 30px;line-height: 30px;padding-left: 35px;font-size: 14px;background-repeat: no-repeat;background-size: 22px 22px;background-position: 10px 50%;}
.feature-info .title{background-color: #e44d5c;color: #fff;}
.feature-info.away .title{background-color: #3a82fb;}
.feature-info .list,
.feature-unscramble .list{padding: 0 10px;}
.feature-info .list li{position: relative;font-size: 12px;padding: 10px 0 10px 30px;}
.feature-info .list li:not(:last-child){border-bottom: 1px dashed rgba(0, 0, 0, .1);}
.feature-info .list li p{position: relative;}
.feature-info .list li p:first-child:before{content: '';position: absolute;top: 6px;left: -35px;width: 26px;height: 15px;border-radius: 1px 1px 4px 1px;color: #fff;font-size: 10px;line-height: 15px;text-align: center;}
.feature-info .list li.sf p:first-child::before{content: '胜负';background: linear-gradient(119.4deg, rgba(255, 115, 16, 1) 0%, rgba(250, 166, 82, 1) 100%);}
.feature-info .list li.rq p:first-child::before{content: '让球';background: linear-gradient(119.4deg, rgba(77, 103, 250, 1) 0%, rgba(83, 142, 245, 1) 100%);}
.feature-info .list li.jq p:first-child::before{content: '进球';background: linear-gradient(119.4deg, rgba(255, 15, 15, 1) 0%, rgba(228, 77, 92, 1) 100%);}
.feature-info .list em{color: #e44d5c;}
.feature-info.away .list em{color: #4d87e3;}
.feature-unscramble .title{background-image: url(../images/icon-unscramble.png);color: rgba(0, 0, 0, .8);}
.feature-unscramble .list{font-size: 13px;}

.limit-item{opacity: 0;height: 0;overflow: hidden;}
.limit-item[data-ai-vis="1"]{height: auto;opacity: 1;}
.feature-all-ident .feature-all-color{float: left;color: rgba(0, 0, 0, .6);font-size: 11px;text-align: left;position: relative;}
.feature-all-ident .feature-all-color.away{float: right;text-align: right;padding-right: 11px;padding-left: 0;}
.feature-all-ident .feature-all-color p{position: relative;padding-left: 11px;}
.feature-all-ident .feature-all-color.away p{padding-left: 0;padding-right: 11px;}
.feature-all-ident .feature-all-color p::before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 100%;background-color: #e44d5c;}
.feature-all-ident .feature-all-color p.max::before{background-color: #f0959e;}
.feature-all-ident .feature-all-color.away p::before{right: 0;left: auto;background-color: #3a82fb;}
.feature-all-ident .feature-all-color.away p.max::before{background-color: #9cc0fd;}

.contrast-list{margin-top: 7px;}

.contrast-list .title,
.teamdata-list h3.titles{text-align: center;font-size: 13px;font-weight: bold;}
.contrast-list .title em{font-weight: initial;font-size: 10px;color: rgba(0, 0, 0, .6);}
.feature-all-list .list li{zoom: 1;position: relative;padding: 10px 0;}
.feature-all-list .list li:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, .1);}
.feature-all-list .list li::after{content: "\20";display: block;height: 0;clear: both;}
.feature-all-list .list .left{float: left;text-align: right;}
.feature-all-list .list .right{float: right;}
.feature-all-list .list .center{text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 11px;color: rgba(0, 0, 0, .7);}
.feature-all-list .list .item{position: relative; width: 45%;height: 20px;border-radius: 2px;overflow: hidden;}
/* .feature-all-list .list .item .cur{min-width: 40px;} */
.feature-all-list .list .item-ec{height: 100%;position: absolute;top: 0;bottom: 0;right: 0;border-radius: 2px;min-width: 30px;}
.feature-all-list .list .item.away .item-ec{left: 0;}
.feature-all-list .list .item .num{width: 40px;line-height: 14px;color: #fff;text-align: left;font-size: 11px;right: 0;z-index: 10;line-height: 20px;padding-left: 2px;}
.feature-all-list .list .item.home .num{text-align: right;padding-right: 2px;padding-left: 0;}
.feature-all-list .list .item.away .num{left: 0;}
.feature-all-list .list .item.home .max{background-color: #f0959e;}
.feature-all-list .list .item.home .cur{background-color: #e44d5c;}
.feature-all-list .list .item.away .max{background-color: #9cc0fd;}
.feature-all-list .list .item.away .cur{background-color: #3a82fb;}
.feature-all-list .list .item_z .max{z-index: 1;}
.teamdata-part{margin-top: 10px;}
.feature-all-list.teamdata-list .title p{font-size: 13px;color: #fff;font-weight: bold;float: left;border: 1px solid #f0959e;background-color: #e44d5c;padding: 0 5px;border-radius: 5px;}
.feature-all-list.teamdata-list .title p.away{float: right;background-color: #3a82fb;border-color: #9cc0fd;}
.teamdata-list .title{display: flex;justify-content: space-between;}
.teamdata-list h3.titles{flex: 1;}
.teamdata-list h3.titles em{font-weight: initial;font-size: 10px;color: rgba(0, 0, 0, .6);}
/* end */

/* 必发（新版） */
.bifa-large-detail{margin-top: 10px;}
.bifa-detail-table .table{display: none;}
.bifa-detail-table .table thead tr,
.bifa-detail-table .table tr:nth-child(even){background: #f9f9f9;}
.bifa-detail-table .table tr td{color: #333 !important;font-weight: inherit !important;}
/* end */

.tablist-box {display: flex;flex-direction: column;align-items: center;}
.tablist-box .tablist {border-radius: 999px;background-color: #fff;display: inline-flex;margin-bottom: 10px;position: relative;}
.tablist-box .tablist::after {content: "";border-radius: 999px;border: 1px solid var(--color-theme);position: absolute;top: -50%;bottom: -50%;left: -50%;right: -50%;transform: scale(0.5);pointer-events: none;}
.tablist-box .tablist .tab-item {color: rgba(0,0,0,0.5);font-size: 14px;line-height: 26px;text-align: center;width: 72px;border-radius: inherit;}
.tablist-box .tablist .tab-item.tab-active {background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%);color: #fff;}
.tablist-box .action-box {width: 100%;color: rgba(0, 0, 0, 0.7);font-size: 11px;line-height: 30px;background-color: #fff;padding: 0 10px;margin-bottom: 5px;position: relative;}
.tablist-box .action-box .count {float: left;}
.tablist-box .checkbox {float: right;display: inline-flex;align-items: center;user-select: none;cursor: pointer;}
.tablist-box .checkbox::before {content: "";width: 9px;height: 9px;border-radius: 2px;border: 1px solid var(--color-theme);margin-right: 3px;background: no-repeat center center;background-size: 74%;}
.tablist-box .checkbox.checked::before {background-image: url("../images/icon/tick.png");}
.tablist-box .select-list {font-size: 0;overflow: hidden;position: absolute;left: 50%;transform: translateX(-50%);}
.tablist-box .select-list .a0item {float: left;font-size: 12px;padding: 0 10px;position: relative;cursor: pointer;}
.tablist-box .select-list .a0item[data-ai-vis="1"] {color: var(--color-theme);}
.tablist-box .select-list .a0item[data-ai-vis="1"]::after {content: "";border-radius: 999px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 169, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100.96%);width: 24px;height: 2px;position: absolute;left: 50%;bottom: 0;margin-left: -12px;}
.tablist-box .selectlist {display: inline-flex;border-radius: 10px;background-color: #e5e5e5;position: absolute;}
.tablist-box .selectlist .a0item {border-radius: inherit;font-size: 11px;line-height: 18px;padding: 0 7px;cursor: pointer;}
.tablist-box .selectlist .a0item[data-ai-vis="1"] {background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%);color: #fff;}
.tablist-box .selectlist.select-list-multi {left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.tablist-box .selectlist.select-list-charge {right: 10px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.hide {display: none !important;}
.unlockedlist .item {padding: 10px;background-color: #fff;margin-bottom: 5px;position: relative;}
.unlockedlist .item a {padding: 0;}
.unlockedlist .item .userinfo {display: flex;}
.unlockedlist .item .u-avatar {width: 40px;height: 40px;margin-right: 5px;position: relative;}
.unlockedlist .item .avatar-img {width: 100%;height: 100%;border-radius: 100%;object-fit: cover;}
.unlockedlist .item .avatar-icon {background: no-repeat center center;background-size: contain;position: absolute;bottom: -4px;left: 0;right: 0;height: 20px;}
.unlockedlist .item .u-name {display: flex;align-items: center;line-height: 22px;}
.unlockedlist .item .u-name .name {color: #333;font-size: 15px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 6px;}
.unlockedlist .item .tag {min-width: 38px;border-radius: 2px;background-color: rgba(228, 77, 92, 0.8);color: #fff;font-size: 10px;line-height: 16px;text-align: center;padding: 0 2px;margin-right: 2px;}
.unlockedlist .item .winlog {background-color: rgba(58, 130, 251, 0.8);}
.unlockedlist .item .info {flex: 1;min-width: 0;}
.unlockedlist .item .info .intro {color: #868689;font-size: 10px;line-height: 16px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 2px;}
.unlockedlist .item .re-box {display: flex;align-items: center;margin: 10px 0;}
.unlockedlist .item .gameplay {width: 40px;color: #3183fc;font-size: 9px;line-height: 18px;text-align: center;padding: 0 1px;margin-right: 5px;position: relative;}
.unlockedlist .item .gameplay::after {content: "";position: absolute;top: -50%;bottom: -50%;left: -50%;right: -50%;border-radius: 4px;border: 1px solid #3183fc;transform: scale(0.5);pointer-events: none;}
.unlockedlist .item .recommend {flex: 1;min-width: 0;border-radius: 2px;background: linear-gradient(90deg, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 100%);color: #e44d5c;font-size: 11px;line-height: 20px;text-align: right;padding: 0 10px;}
.unlockedlist .item .recommend::after {content: "";width: 12px;height: 22px;display: inline-block;vertical-align: top;background: url("../images/icon/guide_football.png") no-repeat center center;background-size: contain;margin-left: 8px;}
.unlockedlist .item[data-sport-id="2"] .recommend::after {background-image: url("../images/icon/guide_basketball.png");}
.unlockedlist .item .minor {color: rgba(0, 0, 0, 0.5);font-size: 10px;line-height: 1.4;margin-bottom: 5px;}
.unlockedlist .item .time-box {color: rgba(0, 0, 0, 0.5);font-size: 10px;line-height: 16px;}
.unlockedlist .item .time-box .t-left {float: left;}
.unlockedlist .item .time-box .t-right {float: right;}
.unlockedlist .item .time-box span:not(:first-child) {margin-left: 7px;}
.unlockedlist .item .marker {width: 30px;height: 30px;background: no-repeat center center;background-size: contain;position: absolute;top: 5px;right: 18px;pointer-events: none;}
.unlockedlist .item .marker[data-winlose="win"] {background-image: url("../images/user/icon-seal1.png");}
.unlockedlist .item .marker[data-winlose="lose"] {background-image: url("../images/user/icon-seal5.png");}
.unlockedlist .item .marker[data-winlose="draw"] {background-image: url("../images/user/icon-seal2.png");}
.unlockedlist .item .marker[data-winlose="cancel"] {background-image: url("../images/user/icon-seal4.png");}

.collect-mode .pk {width: 40px;text-align: center;}
.collect-mode .list-head {display: flex;font-size: 12px;line-height: 20px;border-radius: 2px;background: linear-gradient(90deg, #e5e5e5 0%, #fcfcfc 100%);}
.collect-mode .coulmn-list .item {flex: 1;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.collect-mode .coulmn-list .item:first-child {justify-content: flex-end;}
.collect-mode .coulmn-list .item:last-child {justify-content: flex-start;}
.collect-mode .list-head li[data-count]::after {content: attr(data-count);color: #fff;font-size: 10px;line-height: 12px;border-radius: 999px;background-color: #e44d5c;padding: 0 3px;margin-left: 2px;}
.collect-mode .list-head li.lose-color[data-count]::after {background-color: #57b770;}
.collect-mode .list-head li.draw-color[data-count]::after {background-color: #5f99fa;}

.collect-mode .collect-item {background-color: #fff;}
.collect-mode .collect-item .title {font-size: 15px;text-align: center;line-height: 22px;padding: 10px 0 10px;background: url("../images/live/line.png") no-repeat center 32px;background-size: auto 4px;}
.collect-mode .coulmn-list {margin: 0 10px;}
.collect-mode .list-body {display: flex;padding: 5px 0;}
.collect-mode .avatar-item:first-child {text-align: right;}
.collect-mode .avatar-item:last-child {text-align: left;}
.collect-mode .list-body .avatar-item {width: 30px;height: 30px;padding: 0;margin-bottom: 5px;}
.collect-mode .list-body .avatar-item .avatar-img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 100%;}
.collect-mode .item:first-child .avatar-item {margin-left: 2px;}
.collect-mode .item:last-child .avatar-item {margin-right: 2px;}

.stash-wrap .content {border-radius: 10px;background: linear-gradient(134.75deg, #1f1e30 0%, #303243 100%);padding: 15px;color: #fff;text-align: center;}
.stash-wrap .content .title {font-size: 18px;font-weight: 500;line-height: 26px;}
.stash-wrap .content .desc {font-size: 12px;line-height: 16px;margin-top: 4px;}
.stash-wrap .btn-box {padding: 20px 15px;}
.stash-wrap .login-btn {display: block;margin: 0 auto;width: 100%;max-width: 400px;cursor: pointer;}

[data-apptype="ios"] .z9body .match-table {pointer-events: none;}
[data-apptype="android"] .z9body .match-table {pointer-events: none;}
[data-apptype="ios"] .z9body .match-table a,
[data-apptype="android"] .z9body .match-table a {z-index: 2;}