:root {
 --border: .5px solid rgba(0, 0, 0, .1);
}
.data-container * {word-break: break-word;}
.overlay[data-ai-vis] {display: block;}
body[data-h5-page="full-screen-content"] .aio-sys-body {height: 100% !important;}
[data-pk*='-']::before {content: "*";color: red;}
ul {list-style: none;}
table {table-layout: fixed;border-collapse: collapse;width: 100%;text-align: center;}
table th {font-weight: 500;}
.aio-sys-body a {padding: 0;}
.aio-sys-body {margin-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.navbar {position: relative;background-color: #fff;display: flex;align-items: center;min-height: 44px;}
.navbar .iconfont {color: #000;}
.navbar-title {max-width: 60%;margin: 0 auto;color: #333;font-size: 18px;}
.navbar-left,
.navbar-right {position: absolute;top: 0;bottom: 0;display: flex;align-items: center;padding: 0 10px;}
.navbar-left {left: 0;}
.navbar-right {right: 0;}
.navbar .search-wrap {flex: 1;margin-left: 46px;}
.nabbar-tabs {background-color: #f6f8fa;display: flex;align-items: center;line-height: 28px;border-radius: 14px;}
.nabbar-tabs a {min-width: 64px;border-radius: inherit;text-align: center;}
.nabbar-tabs a[data-ai-vis] {background: var(--linear-gradient);color: #fff;font-weight: bold;}
.season-wrap {position: relative;}
.season-wrap .text {display: block;font-size: 12px;cursor: pointer;}
.season-wrap .icon-arrow-bottom {font-size: 12px;margin-left: 5px;}
.season-wrap .text::before {content: attr(data-value);}
.dropdown-wrap {display: none;background-color: #fff;border-radius: 8px;padding: 0 6px;min-width: 126px;position: absolute;top: 100%;right: 0;z-index: 5;max-height: 305px;white-space: nowrap;overflow: auto;}
.select-dropdown::before {content: "";position: absolute;right: 18px;top: -8px;border-bottom: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.select-dropdown-item {border-bottom: var(--border);}
.select-dropdown-item:last-child {border-bottom: 0;}
.select-dropdown-item a {position: relative;cursor: pointer;display: block;color: #333;font-size: 16px;line-height: 60px;padding-left: 26px;}
.select-dropdown-item a::before {content: "";width: 20px;height: 20px;border: 1px solid rgba(220, 220, 220, .9);border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.select-dropdown-item.active a::before {border: 0;background: url(../images/database/icon_circle.png) no-repeat center center / cover;}
.season-wrap[data-ai-vis] .dropdown-wrap {display: block !important;}
.season-wrap[data-ai-vis] .mask {display: block;}
.season-wrap[data-ai-vis] .icon-arrow-bottom {display: inline-block;transform: rotate(180deg);}
.mask {display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .5);z-index: 4;}

.data-aside {display: none;}
.data-side {position: sticky;top: 0;z-index: 1;background-color: #fff;}
.data-side-top {font-size: 0;white-space: nowrap;overflow: auto;}
.data-side-top .a0item {position: relative;display: inline-block;line-height: 46px;padding: 0 10px;color: rgba(0, 0, 0, .7);font-size: 15px;cursor: pointer;user-select: none;}
.data-side-top .a0item[data-ai-vis]::after {content: "";width: 20px;height: 3px;border-radius: 3px;background: var(--linear-gradient);position: absolute;bottom: 0;left: 50%;margin-left: -10px;}
.data-side-top + .submenu {border-top: 0.5px solid rgba(0,0,0,.1);}

.submenu {height: 74px;position: relative;overflow: hidden;}
.submenu .inner {padding: 10px 10px 0;overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;z-index: 4;background-color: #fff;}
.submenu .icon-more {display: none;position: absolute;right: 0;top: 0;width: 30px;height: 30px;box-shadow: 0 0 3px rgb(0 0 0 / 20%);background-color: #fff;z-index: 5;}
.submenu .icon-more::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/database/icon_btn_bottom.png) no-repeat center center;background-size: 60%;transform: rotate(180deg);}
.submenu .box {display: flex;line-height: 100%;}
.submenu .box[data-label]::before {content: attr(data-label)'：';color: rgba(0, 0, 0, .4);font-size: 12px;line-height: 22px;}
.submenu .mask {top: 136px;}
.submenu[data-ai-vis] {overflow: visible;}
.submenu[data-ai-vis] .item {border-radius: 0 0 5px 5px;}
.submenu[data-ai-vis] .mask {display: block;}
.submenu[data-ai-vis] .icon-more::after {transform: rotate(0);}

.data-side[data-ai-vis] {position: fixed;top: 89px;left: 0;right: 0;z-index: 1;}
.data-side[data-ai-vis] .data-side-mask {display: block;}
.data-side[data-ai-vis] .data-side-sub-inner {max-height: none;}
.data-side[data-ai-vis] .data-side-sub .icon-more::after {transform: rotate(180deg);}
.model-list .model-item {margin: 10px 0;}
.model-list .model-item .head {display: flex;align-items: center;justify-content: space-between;}
.model-list .model-item .head h3 {flex: 1;background: url(../images/database/title_bar.png) no-repeat 0 0 / contain;line-height: 24px;font-size: 15px;padding-left: 10px;}
.model-list .model-item .head .icon_clear {width: 20px;height: 20px;background: url(../images/database/icon_clear.png) no-repeat center center / 16px;cursor: pointer;margin-right: 10px;}
.data-list {background-color: #fff;display: flex;flex-wrap: wrap;padding-top: 10px;}
.data-list .item {width: 20%;text-align: center;margin-bottom: 24px;}
.data-list .item .icon {position: relative;background-color: #fff;width: 40px;margin: 0 auto;height: 40px;padding: 2px;}
.data-list .item .icon img {display: block;width: 100%;height: 100%;object-fit: contain;}
.data-list .item .icon[data-count]::after {content: attr(data-count);position: absolute;top: -4px;right: -6px;line-height: 15px;min-width: 15px;border-radius: 15px;text-align: center;background-color: #E44D5C;color: #fff;font-size: 11px;}
.data-list .item .icon[data-count="0"]::after {display: none;}
.data-list .item .name {font-size: 12px;line-height: 20px;}
.data-list .empty-box {flex: 1;box-shadow: none;}

.doc-sticky-top {position: sticky;top: 0;z-index: 2;background-color: #f7f9fc;}
.doc-sticky-top::before,
.doc-sticky-top::after {content: "";display: table;clear: both;}
.info-head {margin-bottom: 8px;}
.user-info {position: relative;background: url(../images/database/head.jpg) no-repeat;background-size: cover;color: #fff;}
.user-info .navbar {position: absolute;top: 0;left: 0;right: 0;background-color: transparent;}
.user-info .navbar .iconfont {color: #fff;vertical-align: middle;}
.user-info .info {text-align: center;padding-top: 18px;}
.user-info .info .thumbnail {width: 40px;height: 40px;background-color: #fff;border-radius: 50%;margin: 0 auto 4px;padding: 7px;}
.user-info .info .icon {display: block;width: 100%;height: 100%;object-fit: contain;}
.user-info .info .name {font-size: 14px;line-height: 20px;}
.user-info .info .namesub {font-size: 12px;line-height: 16px;}
.user-info .list {display: flex;}
.user-info .list .item {flex: 1;text-align: center;font-size: 12px;line-height: 18px;padding: 10px 0;}
.user-info .list .item .value {transform: translateY(-18px);}
.user-info .list .item .label {color: rgba(255, 255, 255, .7);transform: translateY(18px);}

.tablist {display: flex;background-color: #fff;margin-bottom: 10px;}
.tablist .tab-item {flex: 1;line-height: 40px;font-size: 14px;text-align: center;cursor: pointer;;position: relative;}
.tablist .tab-item.tab-active{ font-weight:bold;}
.tablist .tab-item.tab-active::after {content: "";position: absolute;left: 50%;bottom: 0;width: 20px;height: 3px;border-radius: 1.5px;margin-left: -10px;background: linear-gradient(270deg, rgba(255, 115, 16, 1) 0%, rgba(255, 169, 77, 1) 99.96%, rgba(255, 170, 79, 1) 100%);}
.sub-tablist-wrap {margin: 6px 0;text-align: center;}
.sub-tablist {background-color: #fff;line-height: 24px;padding: 5px 10px;overflow: hidden;}
.sub-tablist .sub-tab-item {float: left;cursor: pointer;height: 100%;color: #999;font-size: 12px;text-align: center;border-radius: 30px;white-space: nowrap;padding: 0 15px;user-select: none;margin: 5px 0;}
.sub-tablist .sub-tab-item.tab-active,
.sub-tablist .sub-tab-item[data-ai-vis] {background: var(--linear-gradient);color: #fff;}

.rule-wrap {background-color: #fff;padding: 15px 10px;}
.rule-wrap h3 {font-size: 14px;line-height: 20px;margin-bottom: 5px;}
.rule-wrap pre {color: rgba(0, 0, 0, .6);font-size: 12px;line-height: 18px;}

.table {background-color: #fff;font-size: 12px;line-height: 20px;text-align: center;overflow: hidden;}
.table-head {display: flex;padding: 5px 0;border-bottom: var(--border);color: rgba(0, 0, 0, .7);}
.table .table-row {position: relative;display: flex;align-items: center;min-height: 46px;padding: 0;}
.table .item .remark {background-color: #fff5ed;line-height: 20px;color: #1277d9;}
.table .item {position: relative;}
.table .item.active::after {content: attr(data-name);position: absolute;right: 0;top: -.5px;line-height: 16px;border-radius: 0px 0px 0px 5px;background-color: rgba(0, 0, 0, .5);color: #fff;font-size: 10px;min-width: 70px;padding: 0 4px;}
.table .table-cell.team {flex: 1;display: flex;align-items: center;}
.table .icon {width: 20px;height: 20px;margin-right: 4px;object-fit: contain;}
.table .name {flex: 1;width: 0;line-height: 14px;word-break: break-word;}

.table .table-cell{position: relative;}
.table .table-cell.team-home{color: #f52a2a;}
.table .table-cell.team-home::before{content: "主";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 14px;height: 14px;background: #f52a2a;line-height: 14px;color: #fff;text-align: center;margin-left: -17px;}
.table .table-cell.team-away{color: #1b77ff;}
.table .table-cell.team-away::before{content: "客";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 14px;height: 14px;background: #1b77ff;line-height: 14px;color: #fff;text-align: center;margin-left: -17px;}

.table-integral .table-cell:nth-child(1),
.table-integral .table-cell:nth-child(3),
.table-integral .table-cell:nth-child(6) {width: 10%;}
.table-integral .table-cell:nth-child(2) {text-align: left;display: flex;}
.table-integral .table-cell:nth-child(2) .name {flex: 1;}
.table-integral .table-cell:nth-child(4) {width: 18%;}
.table-integral .table-cell:nth-child(6),
.table-integral .table-cell:nth-child(5) {width: 12%;}
[data-sport="basketball"] .table-integral .table-cell:nth-child(3) {width: 14%;}
[data-sport="basketball"] .table-integral .table-cell:nth-child(4) {width: 12%;}
.table-integral dt {font-weight: bold;line-height: 30px;border-bottom: var(--border);}
.table h4 {text-align: left;padding: 0 var(--box-padding);font-size: 12px;font-weight: 500;line-height: 26px;}

.table .tip {text-align: left;padding: 5px 10px;line-height: 20px;color: rgba(0, 0, 0, .6);display: none;}

.data-table {background-color: #fff;font-size: 12px;text-align: center;}
.data-table th {color: rgba(0, 0, 0, .7);line-height: 20px;padding: 5px 0;border-bottom: var(--border);}
.data-table td {height: 44px;}
.data-table .table-cell {position: relative;width: 50px;}
.data-table .table-cell:nth-child(2) {width: auto;}
.data-table .table-cell:nth-child(4) {width: 60px;}
.data-table .table-cell:nth-child(2) {text-align: left;}
.data-table .table-cell[data-value]::after {content: attr(data-value);position: absolute;right: 0;top: 0;white-space: nowrap;line-height: 16px;min-width: 70px;text-align: center;background-color: rgba(0, 0, 0, .5);border-radius: 0 0 0 5px;color: #fff;font-size: 10px;padding: 0 2px;}

.navside {position: relative;background-color: #fff;padding: 10px 35px 5px 10px;}
.navside .icon-more {position: absolute;top: 0;right: 0;}
.navside .icon-more::before {content: "";background: #fff url(../images/database/icon_btn_bottom.png) no-repeat center center;background-size: 16px auto;display: block;width: 30px;height: 30px;position: relative;z-index: 1;cursor: pointer;}
.navside .icon-more::after {content: "";position: absolute;left: 0;top: 2px;bottom: 2px;right: 0;box-shadow: -4px 0px 4px 0px #cfcfcf;}
.navside-list {display: flex;flex-wrap: wrap;}
.navside-list .item {max-width: 60px;width: 20%;color: rgba(0, 0, 0, .7);font-size: 12px;line-height: 18px;text-align: center;border: .2px solid #d1d1d1;border-radius: 2px;margin: 0 5px 5px 0;}
.navside-list .item::before {display: block;content: attr(data-value);font-size: 10px;line-height: 14px;}
.navside[data-ai-vis] .icon-more::before {transform: rotate(180deg);}

.match-head {display: flex;justify-content: space-between;font-size: 12px;line-height: 26px;height: 26px;padding: 0 var(--box-padding);}
.match-head .date {color: #666;font-weight: bold;}
.match-head .value span {vertical-align: top;margin-left: 4px;}
.match-head .value .win {color: var(--color-win);}
.match-head .value .draw {color: var(--color-draw);}
.match-head .value .lose {color: var(--color-lose);}
/* .match-table {background-color: #fff;font-size: 11px;text-align: center;padding: 0 var(--box-padding);} */
.match-table {background-color: #fff;font-size: 12px;text-align: center;padding: 0 var(--box-padding);}
.match-table .thead {display: flex;color: #666;line-height: 34px;border-bottom: var(--border);}
.match-table .thead .table-cell.score {display: flex;flex-direction: column;justify-content: center;}
.match-table .thead .table-cell.score em {display: block;line-height: 14px;}
.match-table .thead .table-cell.score em:nth-child(2) {font-size: 10px;}
.match-table .table-cell {width: 36px;}
.match-table .table-cell.time,
.match-table .table-cell.record {width: 65px;}
.match-table .table-cell.score {width: 60px;}
.match-table .table-cell.home {flex: 1;text-align: right;}
.match-table .table-cell.away {flex: 1;text-align: left;}
.match-table .table-cell.home a,
.match-table .table-cell.away a {line-height: 14px;word-break: auto-phrase;}
.match-table .table-row {position: relative;border-bottom: var(--border);}
.match-table .table-row-inner {display: flex;align-items: center;line-height: 20px;padding: 5px 0;min-height: 52px;}
.match-table .table-row .classify {line-height: 12px;word-break: auto-phrase;margin-top: 3px;}
.match-table .table-row .link {position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 0;outline: none;}
.match-table .table-row .remark {background-color: #fff5ed;line-height: 20px;color: #1277d9;margin: 0 -10px 10px;}
.match-table .table-row-inner a {position: relative;z-index: 1;}
.match-table .table-row:last-child {border-bottom: 0;}
.match-table .tbody .date {color: #666;}
.match-table .tbody .score-all.wait.vs,
.match-table .tbody .score-all {color: #666;font-size: 15px;}
.match-table .tbody .score-all.wait {font-size: 11px;color: red;}
.match-table .tbody .score-helf {color: #999;}
.match-table .from {font-weight: bold;color: #333;}
.match-table .tbody .color-win,
.match-table .tbody .color-win a {color: var(--color-win);}
.match-table .tbody .color-draw,
.match-table .tbody .color-draw a {color: var(--color-draw);}
.match-table .tbody .color-lose,
.match-table .tbody .color-lose a {color: var(--color-lose);}

.table-rank {padding: 0 var(--box-padding);}
.table-rank .table-cell:nth-child(2) {text-align: left;/*padding-left: 15px;*/}
.table-rank .table-cell:nth-child(3),
.table-rank .table-cell:nth-child(4) {width: 12%;}
.table-rank .table-cell:nth-child(1) {min-width: 64px;width: 18%;}

.data-card {background-color: #fff;margin-bottom: 8px;}
.data-card-header {font-size: 15px;font-weight: bold;line-height: 40px;padding: 0 10px;display: flex;align-items: center;justify-content: space-between;}
.data-card-header h3 {font-size: 15px;font-weight: bold;}
.data-card-header em {font-weight: 500;}
.data-card-content {border-top: var(--border);}
.data-card-content .more {display: block;line-height: 34px;color: var(--color-theme);font-size: 12px;text-align: center;border-top: var(--border);}
.data-card-content .more .iconfont {font-size: 12px;display: inline-block;}
.data-card-content .more::before{content: '收起';}
.transfer-table + .more::before {display: none;}
.data-card-content .transfer-table-v2 + .more .iconfont {transform: rotate(180deg);}
.descriptions {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 15px 10px;}
.descriptions-cell {display: flex;width: 42%;font-size: 12px;line-height: 18px;margin-bottom: 20px;}
.descriptions-cell:nth-last-child(-n+2) {margin-bottom: 0;}
.descriptions-label {color: rgba(0, 0, 0, .5);}
.descriptions-content {flex: 1;overflow: hidden;text-align: right;}
.honour-list {padding: 10px;}
.honour-list .honour-item {display: flex;align-items: flex-start;margin-bottom: 10px;}
.honour-list .honour-item:last-child {margin-bottom: 0;}
.honour-list .honour-item > * {flex: 1;}
.honour-list .honour-label {font-size: 12px;line-height: 16px;padding: 3px 3px 3px 0;}
.honour-list .honour-label em {word-break: break-word;}
.honour-list .honour-content {display: flex;flex-wrap: wrap;align-items: flex-start;}
.honour-list .honour-content span {display: inline-block;min-width: 65px;line-height: 14px;color: var(--color-theme);font-size: 11px;text-align: center;background-color: #FFF5ED;border: 1px solid var(--color-theme);border-radius: 2px;margin: 0 15px 5px 0;padding: 3px 4px;}
.stats-wrap .stats-item .title {color: #701800;font-size: 12px;line-height: 30px;padding: 0 var(--box-padding);background:url(../images/database/title_bar_2.jpg) no-repeat center center / cover;}

.transfer-table .thead {display: flex;line-height: 24px;font-size: 12px;padding: 0 10px;}
.transfer-table .table-cell:nth-child(1),
.transfer-table .table-cell:nth-child(2) {flex: 1;}
.transfer-table .table-cell:nth-child(2) {padding-left: 16px;position: relative;}
.transfer-table .table-cell:nth-child(3) {width: 84px;text-align: right;}
.transfer-table .table-row {display: flex;padding: 10px;background-color: #fff;}
.transfer-table .arrow {width: 14px;height: 14px;background: url(../images/database/icon_arrow_2.png) no-repeat center center;background-size: contain;position: absolute;left: 0;top: 2px;}
.transfer-table [data-value="转出"] .arrow {background-image: url(../images/database/icon_arrow_1.png);}
.transfer-table .name {font-size: 12px;line-height: 16px;word-break: break-word;margin-bottom: 2px;}
.transfer-table .name a {word-break: inherit;}
.transfer-table .namesub {color: rgba(0, 0, 0, .6);font-size: 10px;line-height: 14px;}

.transfers [data-ai-vis] .transfer-table-v2 .table-row:nth-child(n+3) {display: none;}
.transfers [data-ai-vis] .more::before {content: attr(data-value);}
.transfers [data-ai-vis] .more .iconfont {transform: rotate(0);}

.team-row {display: flex;line-height: 18px;font-size: 12px;text-align: center;padding: 8px 10px;border-bottom: var(--border);word-break: break-word;}
.team-row a {word-break: break-word;}
.team-row:last-child {border-bottom: 0;}
.team-cell {flex: 1;}
.team-cell:first-child {text-align: left;}
.team-cell:last-child {text-align: right;}
.team-list .avatar-image {width: 18px;height: 18px;object-fit: contain;border-radius: 50%;vertical-align: -4px;margin-right: 5px;}
.transfer-table-v2 .table-row {display: flex;padding: 5px 10px;font-size: 12px;}
.transfer-table-v2 .table-cell {flex: 1;}
.transfer-table-v2 .arrow {width: 14px;height: 14px;background: url(../images/database/icon_arrow_1.png) no-repeat center center / contain;margin: 6px;}
.transfer-table-v2 .home {text-align: right;}
.transfer-table-v2 .date {width: 64px;}
.transfer-table-v2 .price {width: 82px;text-align: right;}
.transfer-table-v2 .price::before {content: attr(data-value);margin-right: 6px;color: rgba(0, 0, 0, .5);}

/* .transfer-table-v2 .table-row */

.taglist {flex: 1;overflow: hidden;}
.taglist .a0item {float: left;min-width: 54px;line-height: 16px;padding: 2px;border: 1px solid #d1d1d1;border-radius: 2px;color: rgba(0, 0, 0, .7);font-size: 12px;text-align: center;margin: 0 8px 10px 0;cursor: pointer;user-select: none;}
.taglist .a0item[data-ai-vis] {background: #FFF5ED;border-color: var(--color-theme);color: var(--color-theme);}
.search-top {background-color: #fff;padding: 8px 10px 4px;display: none;}
.search-top .head {display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;}
.search-top h3 {font-size: 16px;font-weight: bold;line-height: 22px;}
.search-top .icon_clear {width: 20px;height: 20px;background: url(../images/database/icon_clear.png) no-repeat  center center / 16px;cursor: pointer;}
.search-content {margin-top: 10px;}
.search-content .title {border-bottom: var(--border);font-size: 16px;line-height: 34px;padding: 0 10px;background-color: #fff;}
.search-list {margin-bottom: 10px;background-color: #fff;}
.search-list .head {display: flex;align-items: center;justify-content: space-between;}
.search-list .head h3 {font-size: 16px;padding: 6px 10px;}
.search-list .head .more {color: rgba(0, 0, 0, .5);font-size: 12px;}
.search-list .head .more .iconfont {font-size: 12px;}
.search-list .item a {display: flex;align-items: center;border-bottom: var(--border);padding: 10px 0;margin: 0 10px;}
.search-list .item a:hover .name {color: var(--color-theme);}
.search-list .item:last-child a {border-bottom: 0;}
.search-list .item .icon {width: 38px;height: 38px;object-fit: contain;margin-right: 8px;}
.search-list .item .name {flex: 1;overflow: hidden;font-size: 14px;transition: all .3s;}
.search-list .item .name u {color: #E44D5C;font-weight: bold;text-decoration: none;}
.search-list .item .classify {display: block;min-width: 56px;line-height: 18px;padding: 0 4px;color: #fff;font-size: 12px;text-align: center;border-radius: 2px;background-color: var(--color-theme);}
.search-list .item .info {padding: 0 5px;text-align: center;color: rgba(0, 0, 0, .5);font-size: 12px;line-height: 16px;}
.search-empty {text-align: center;color: rgba(0, 0, 0, .5);font-size: 14px;position: fixed;top: 175px;bottom: 0;left: 0;right: 0;display: flex;flex-direction: column;justify-content: center;display: none;}

.search-wrap {background-color: #fff;padding: 12px 0 12px 10px;}
.search {display: flex;}
.search input {flex: 1;line-height: 28px;border-radius: 14px;background-color: #f6f8fa;border: 0;padding: 0 10px 0 40px;font-size: 14px;}
.search .submit {font-size: 14px;padding: 0 10px;background: none;border: 0;cursor: pointer;}
.classify-wrap {background-color: #fff;height: 42px;overflow: hidden;position: relative;margin-bottom: 10px;}
.classify-wrap .open {display: none;position: absolute;right: 0;top: 0;width: 30px;height: 30px;box-shadow: 0 0 3px rgba(0, 0, 0, .2);background-color: #fff;z-index: 3;}
.classify-wrap .open::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/database/icon_btn_bottom.png) no-repeat center center;background-size: 60%;transform: rotate(180deg);}
.classify-wrap.round-wrap {height: 54px;}
.label-wrap {display: flex;padding: 10px 30px 0 10px;background-color: #fff;position: absolute;left: 0;top: 0;width: 100%;z-index: 2;}
.label-wrap .label-content {flex: 1;display: flex;flex-wrap: wrap;}
.label-wrap .a0item {cursor: pointer;background-color: #fff;border: 1px solid #d1d1d1;border-radius: 2px;color: rgba(0, 0, 0, .7);font-size: 12px;text-align: center;line-height: 16px;min-width: 52px;padding: 2px;margin: 0 8px 10px 0;user-select: none;max-height: 230px;overflow: auto;}
.label-wrap .a0item::before {content: attr(data-label);display: block;font-size: 10px;}
.label-wrap .a0item[data-ai-vis] {background-color: #FFF5ED;border-color: var(--color-theme);color: var(--color-theme);font-weight: bold;}
.label-wrap .a0item.active {font-weight: bold;}
.round-wrap .label-wrap .a0item {min-width: 60px;margin-right: 14px;line-height: 14px;user-select: none;}
.classify-wrap[data-ai-vis] {overflow: visible;}
.classify-wrap[data-ai-vis] .mask {background-color: rgba(0, 0, 0, .7);position: fixed;top: 248px;left: 0;bottom: 0;right: 0;display: block;z-index: 2;}
.classify-wrap[data-ai-vis] .label-wrap {border-radius: 0px 0px 5px 5px;}
.classify-wrap[data-ai-vis] .open::after {transform: rotate(0);}
.classify-wrap[data-ai-vis] .label-content {transform: none !important;}
.aio-sys-body.scrolled {overflow: hidden;}

.table-empty {text-align: center;padding: 100px 0 20px;background: #fff url(../images/empty.png) no-repeat center 20px  / 200px;}

.filter-container {text-align: center;padding: 0 10px;margin: 10px 0;}
.filter-container .z0select {float: left;margin-right: 10px;}
.filter-container .picker {display: inline-block;vertical-align: middle;font-size: 12px;padding: 0 30px 0 20px;line-height: 24px;border-radius: 12px;background-color: #fff;}

/* 淘汰赛 */
.match-rank {background-color: #fff;text-align: center;padding: 30px 0;margin-bottom: 10px;}
.match-rank .team.loser {opacity: .5;}
.match-rank .team-icon {display: block;width: 20px;height: 20px;background: url(../images/icon/daidin.png) no-repeat center center;background-size: contain;margin: 0 auto;}
.match-rank .team-score .loser {opacity: .5;}
.match-rank .match-final, .match-rank .match-second {display: flex;align-items: center;justify-content: center;cursor: pointer;}
.match-rank .match-final .team-score, .match-rank .match-second .team-score {width: 75px;line-height: 20px;}
.match-rank .match-final .team-name, .match-rank .match-second .team-name {display: block;font-size: 11px;line-height: 20px;}
.match-rank .match-second .team{position: relative;}

.match-rank .match-final .team{width: 100px;}

.match-rank .match-final .team.winner{position: relative;}
.match-rank .match-final .team.winner::before{content: "";position: absolute;top: -20px;left: 50%;transform: translateX(-50%);width: 20px;height: 20px;background: url(../images/live/icon-winner.png) no-repeat;background-size: cover;}


.match-rank .match-second{padding: 8px 5px;box-sizing: border-box;margin-top: 15px;position: relative;}
.match-rank .match-second .team-score{position: relative;}
.match-rank .match-second .team-score::before {content: attr(data-name);position: absolute;top: -20px;left: 50%;transform: translateX(-50%);font-size: 11px;}

.match-rank .match-second::before{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 60%;height: 100%;background: #ccc;border-radius: 10px;}

.match-rank .match-group {display: flex;}
.match-rank .match-item {position: relative;flex: 1;width: 0;cursor: pointer;}
.match-rank .match-item::after {content: "";clear: both;}
.match-rank .match-item .link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.match-rank .match-item .team {float: left;width: 50%;line-height: 100%;padding-top: 2px;position: relative;}
.match-rank .match-item .team-name {display: block;font-size: 11px;line-height: 20px;height: 20px;}
.match-rank .match-item .team-score {position: absolute;left: 0;width: 100%;font-size: 12px;line-height: 20px;}
.match-rank .match-item .team-left::before,
.match-rank .match-item .team-right::before {content: "";position: absolute;width: 50%;height: 15px;}
.match-rank .match-item::before {content: "";position: absolute;top: calc(100% + 15px);left: 50%;width: 1px;height: 10px;background-color: #ff7310;}
.match-rank .match-item.reslut::before {background-color: #ff7310 !important;}
.match-rank .match-item .team.active::before {border-color: #ff7310 !important;}
.match-rank .match-top {display: block;margin: 0;}
.match-rank .match-top .match-item {margin-bottom: 26px;}
.match-rank .match-top .match-item .team-score {bottom: -16px;}
.match-rank .match-top .match-group:last-child .match-item {margin-bottom: 44px;}
.match-rank .match-top .match-group:last-child .match-item::before {height: 25px;}
.match-rank .match-top .match-item .team-left::before, 
.match-rank .match-top .match-item .team-right::before {top: 100%;}
.match-rank .match-top .match-item .team-left::before {left: calc(50% - 1px);border-left: 1px solid #ff7310;border-bottom: 1px solid #ff7310;border-radius: 0 0 0 4px;}
.match-rank .match-top .match-item .team-right::before {right: calc(50% - 2px);border-right: 1px solid #ff7310;border-bottom: 1px solid #ff7310;border-radius: 0 0 4px 0;}
.match-rank .match-bottom .match-item {margin-top: 26px;}
.match-rank .match-bottom .match-item .team-score {top: -15px;}
.match-rank .match-bottom .match-group:first-child .match-item {margin-top: 44px;}
.match-rank .match-bottom .match-group:first-child .match-item::before {height: 25px;}
.match-rank .match-bottom .match-item .team-left::before, 
.match-rank .match-bottom .match-item .team-right::before {bottom: 100%;}
.match-rank .match-bottom .match-item .team-left::before {left: calc(50% - 1px);border-left: 1px solid #ff7310;border-top: 1px solid #ff7310;border-radius: 4px 0 0 0;}
.match-rank .match-bottom .match-item .team-right::before {right: calc(50% - 2px);border-right: 1px solid #ff7310;border-top: 1px solid #ff7310;border-radius: 0 4px 0 0;}
.match-rank .match-bottom .match-item::before {top: auto;bottom: calc(100% + 15px);}
.match-chart {background-color: #fff;border-radius: 8px;padding: 0 10px 5px;}
.match-chart .info {display: flex;padding: 15px 0 8px;}
.match-chart .info .team {flex: 1;}
.match-chart .info .team-icon {display: block;width: 36px;height: 36px;background: no-repeat center center / contain;margin: 0 auto;}
.match-chart .info .team-name {line-height: 20px;}
.match-chart .info .team-status {font-size: 12px;}
.match-chart .info .score-box {line-height: 20px;}
.match-chart .table .head {line-height: 28px;background-color: #f7f7f7;color: rgba(0,0,0,.64);font-size: 12px;}
.match-chart .table .head,
.match-chart .table .body a {display: flex;align-items: center;padding-right: 28px;}
.match-chart .table .team-left {flex: 1;text-align: right;}
.match-chart .table .team-right {flex: 1;text-align: left;}
.match-chart .table .team-date {flex: 0 0 84px;}
.match-chart .table .team-score {flex: 0 0 80px;}
.match-chart .table .body {overflow: auto;}
.match-chart .table .body a {position: relative;color: #000;line-height: 16px;padding-top: 9px;padding-bottom: 9px;}
.match-chart .table .body a::after {content: "";position: absolute;right: 10px;top: 0;bottom: 0;width: 8px;background: url(../images/icon/arrow-right.png) no-repeat center center;background-size: 100% auto;}
.match-chart .table .body .team-date {color: #666;font-size: 12px;}
.match-chart .table .body .team-score {color: rgba(0, 0, 0, .8);font-size: 15px;font-weight: bold;}
.match-chart .table .body .team-score .won,
.match-chart .table .body .team-name.won {color: #ea3e32;}
.match-chart .table .match-item {border-bottom: .5px solid rgba(0, 0, 0, .1);}
.match-chart .table .match-item:last-child {border-bottom: 0;}

.select-box {line-height: 100%;margin-bottom: 10px;overflow: auto;}
.select-box:last-child {margin-bottom: 0;}
.select2 {margin-top: 5px;}
.tabs {display: inline-flex;vertical-align: top;line-height: 24px;border-radius: 12px;background-color: #fff;white-space: nowrap;}
.tabs .tab-item {min-width: 70px;color: #999;font-size: 12px;text-align: center;border-radius: inherit;padding: 0 10px;cursor: pointer;user-select: none;}
.tabs .tab-item.active {background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%);color: #fff;}

.page-title {font-size: 18px;line-height: 24px;text-align: center;margin-bottom: 5px;}

/* 篮球-球队 */
.tree-select {display: flex;}
.tree-select .navlist {width: 60px;box-shadow: var(--box-shaow);}
.tree-select .navlist li {color: #999;font-size: 12px;line-height: 20px;text-align: center;padding: 10px 2px;cursor: pointer;}
.tree-select .navlist li.active {background-color: #fff;color: var(--color-theme);}
.tree-select .table {flex: 1;}
/* 篮球-统计 */
.table-data-wrap {background-color: #fff;padding: 0 10px 10px;}
.table-data-wrap .table-data {overflow-x: auto;width: 100%;-webkit-overflow-scrolling: touch;}
.table-view {width: auto;min-width: 100%;-webkit-overflow-scrolling: touch;position: relative;}
.table-view .table-cell .cell {width: 48px;}
.table-view td.table-cell,
.table-view th.table-cell {border-bottom: 1px solid rgba(0, 0, 0, .1);}
.table-view th {color: rgba(0, 0, 0, .5);font-size: 13px;padding: 7px 2px;}
.table-view td {color: rgba(0, 0, 0, .8);font-size: 12px;padding: 8px 2px;}
.table-view .table-fixed-column-left {position: sticky;z-index: 2;background-color: #fff;}
.table-view .table-fixed-column-left:nth-child(1) {left: 0;}
.table-view .table-fixed-column-left:nth-child(1) .cell {width: 68px;}
.table-view .table-fixed-column-left:nth-child(2) {left: 72px;padding-right: 3px;}
.table-view .table-fixed-column-left:nth-child(2)::after {content: "";position: absolute;right: 0;top: 0;bottom: -1px;width: 3px;background-color: #f5f5f5;}
.table-view .table-fixed-column-left:nth-child(2) .cell {width: 65px;}

.select-list {display: flex;overflow: auto;background-color: #fff;text-align: center;padding: 10px;margin-bottom: 5px;}
.select-list .a0item {display: flex;flex-direction: column;justify-content: center;min-width: 60px;line-height: 16px;cursor: pointer;border: 1px solid #d1d1d1;border-radius: 2px;color: rgba(0, 0, 0, .7);font-size: 12px;padding: 2px 4px;margin-right: 8px;}
.select-list .a0item em {display: block;font-size: 10px;}
.select-list .a0item.active {font-weight: bold;}
.select-list .a0item[data-ai-vis] {background-color: #FFF5ED;border-color: var(--color-theme);color: var(--color-theme);font-weight: bold;}

.select-list.groups {display: block;overflow: hidden;}
.select-list.groups .a0item {margin: 5px;float: left;}

.aio-layout .location {display: none;position: fixed;right: 10px;bottom: 100px;background: linear-gradient(270deg, #ff7310 0%, #ffa84d 99.96%, #ffaa4f 100.96%);color: #fff;font-size: 12px;line-height: 30px;border-radius: 30px;padding: 0 26px 0 10px;box-shadow: 0 0 8px #ffa84d;}
.aio-layout .location::after {content: "";position: absolute;right: 8px;top: 8px;width: 14px;height: 14px;background: url(../images/icon/location_2.png) no-repeat center center;background-size: contain;}

@media (prefers-color-scheme: light) {
    body[data-apptype="android"] .model-list .model-item .head h3,
    body[data-apptype="webkit"] .model-list .model-item .head h3 {
        background-image: url(../images/database/title_bar.png);
        color: #333;
    }
}
@media (prefers-color-scheme: dark) {
    body[data-apptype="android"] .model-list .model-item .head h3,
    body[data-apptype="webkit"] .model-list .model-item .head h3 {
        background-image: url(../images/database/title_bar_dark.png);
        color: #fff;
    }
}
@media (prefers-color-scheme: no-preference) {
    body[data-apptype="android"] .model-list .model-item .head h3,
    body[data-apptype="webkit"] .model-list .model-item .head h3{
        background-image: url(../images/database/title_bar.png);
        color: #333;
    }
}