:root {
 --box-shaow: 0 2px 6px rgba(0, 0, 0, .07);
 --border-radius: 4px;
}
div::-webkit-scrollbar,
ul::-webkit-scrollbar {width: 5px;height: 5px;background: #e4e4e4;}
div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #999;}

a {transition: all .3s;}
.page {padding: 10px 0;}
.page.has-sidebar {padding-left: 210px;}
.mask {top: 0;}
.navbar-wrap {border-radius: var(--border-radius);box-shadow: var(--box-shaow);background-color: #fff;overflow: hidden;margin-bottom: 15px;}
.navbar-wrap .search-wrap {box-shadow: none;}
.navbar-left, .navbar-right {padding: 0 20px;}
.navside {position: absolute;top: 10px;left: 0;width: 200px;padding: 0;box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.navside .icon-more::before {display: none;}
.navside-list {flex-direction: column;}
.navside-list .item {max-width: none;width: 100%;border: 0;border-bottom: 1px solid rgba(0, 0, 0, .1);text-align: left;line-height: 45px;padding-left: 20px;margin: 0;}
.navside-list .item:last-child {border-bottom: 0;}
.navside-list .item::before {display: inline-block;font-size: 14px !important;line-height: inherit !important;}
.navside-list .item:hover {background-color: #FFF5ED;border-bottom-color: var(--color-theme);}
.navbar-left {display: none;}
.model-list .model-item {background-color: #fff;box-shadow: var(--box-shaow);border-radius: var(--border-radius);overflow: hidden;margin: 0 0 15px;}
.model-list .model-item .head h3 {line-height: 40px;font-size: 18px;padding-left: 20px;}
.model-list .model-item .head .icon_clear {margin-right: 20px;}
.data-list {padding-top: 20px;}
.data-list .item {width: 10%;}
.data-list .item .icon {width: 60px;height: 60px;padding: 4px;}
.data-list .item .name {font-size: 14px;line-height: 24px;margin-top: 4px;}
.data-list .item .icon[data-count]::after {line-height: 20px;min-width: 20px;font-size: 12px;}
.data-list .item:hover {color: var(--color-theme);}
.data-side-top .a0item {padding: 0 20px;}

.data-container {display: flex;}
.data-aside {color: #333;width: 200px;margin-right: 15px;display: block;}
.data-aside .aio-loading-mini {display: none;}
.data-aside-inner {cursor: pointer;background-color: #fff;border-radius: var(--border-radius);box-shadow: var(--box-shaow);max-height: 1017px;overflow: auto;}
.data-aside .tree-item:not(:last-child) {border-bottom: 1px solid rgba(0, 0, 0, .1);}
.data-aside .tree-item .tree-label {font-size: 15px;font-weight: bold;line-height: 40px;padding-left: 20px;position: relative;}
.data-aside .tree-item .tree-label::after {content: "";width: 30px;height: 30px;background: url(../images/icon/arrow-right.png) no-repeat center center;background-size: 8px auto;position: absolute;right: 4px;top: 50%;margin-top: -15px;}
.data-aside .tree-item .country-list {border-top: 1px solid rgba(0, 0, 0, .1);}
.data-aside .tree-item .country-item:not(:last-child) {border-bottom: 1px solid rgba(0, 0, 0, .1);}
.data-aside .tree-item .country-label {font-size: 14px;line-height: 20px;padding: 8px 4px 8px 34px;position: relative;}
.data-aside .tree-item .country-label::before,
.data-aside .tree-item .country-label::after {content: "";background-color: #999;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.data-aside .tree-item .country-label::before {width: 10px;height: 2px;left: 20px;}
.data-aside .tree-item .country-label::after {width: 2px;height: 10px;left: 24px;}
.data-aside .tree-item .link {display: block;font-size: 12px;line-height: 18px;padding: 7px 4px 7px 58px;border-top: 1px solid rgba(0, 0, 0, .1);position: relative;}
.data-aside .tree-item .link:last-child {border-bottom: 0;}
.data-aside .tree-item .link img {width: 18px;height: 18px;object-fit: contain;position: absolute;left: 34px;top: 50%;margin-top: -9px;}
.data-aside .tree-item .link .name {display: inline-block;}
.data-aside .tree-item .link.nav-active,
.data-aside .tree-item .link:hover {background-color: #fff5ed;}
.data-aside .tree-item .link.nav-active {font-size: 14px;font-weight: bold;padding-top: 14px;padding-bottom: 14px;}
.data-aside .tree-item.opened .tree-label::after {transform: rotate(90deg);}
.data-aside .country-item.opened .country-label::after {display: none;}
.data-main {flex: 1;width: 0;}

.doc-sticky-top {position: static;overflow: inherit;}
.info-head {box-shadow: var(--box-shaow);border-radius: var(--border-radius);margin-bottom: 15px;}
.user-info {padding: 0 20px 5px;box-shadow: var(--box-shaow);}
.user-info .info {display: flex;align-items: center;text-align: left;padding: 46px 0 20px;}
.user-info .info .thumbnail {width: 60px;height: 60px;margin: 0 20px 0 0;padding: 10px;overflow: hidden;}
.user-info .info .name {font-size: 20px;font-weight: bold;line-height: 28px;}
.user-info .info .namesub {font-size: 14px;line-height: 20px;margin-top: 4px;}
.user-info .list .item {flex: initial;font-size: 14px;text-align: left;margin-right: 30px;}
.user-info .list .item p {transform: none !important;display: inline-block;}
.user-info .list .item .label {color: #fff;}
.user-info .list .item .label::after {content: ":";}
.season-wrap .text {font-size: 14px;}
.season-wrap .icon-arrow-bottom {font-size: 14px;vertical-align: bottom;}
.tablist {box-shadow: var(--box-shaow);margin-bottom: 15px;}
.tablist .tab-item {line-height: 50px;font-size: 16px;padding: 0 20px;}
.tablist .tab-item.tab-active::after{width: 34px;margin-left: -17px;}
.tablist .tab-item:hover {color: var(--color-theme);}
/* .tablist+.classify-wrap {border-top: 0.5px solid rgba(0,0,0,.1);} */
.data-side {margin-bottom: 15px;box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.submenu {height: auto;}
.submenu .inner {padding: 10px 36px 0 20px;position: static;}
.submenu .box[data-label]::before  {font-size: 14px;line-height: 26px;}
.data-side[data-ai-vis] {position: static;}
.data-side[data-ai-vis] .data-side-mask {display: none;}
.sub-tablist-wrap {margin: 15px 0;}
.sub-tablist {line-height: 30px;box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.sub-tablist .sub-tab-item {min-width: 80px;font-size: 14px;padding: 0 15px;}

.aio-container.doc-box {box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.aio-container.doc-box .empty-box {box-shadow: none;border-radius: none;}

.table {font-size: 14px;line-height: 24px;box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.table-head {padding: 10px 0;border-bottom: 0;}
.table .item .remark {line-height: 30px;}
.table .table-row {border-top: var(--border);}
.table .table-row:hover {background-color: #FFF5ED;}
.table .icon {width: 35px;height: 35px;margin-right: 8px;}
.table-integral .table-cell {flex:  0 0 170px !important;}
.table-integral .table-cell:nth-child(2) {flex: 1 !important;}
.table-integral dt {border-bottom: 0;font-size: 16px;line-height: 40px;background-color: #fafafa;}
.table-integral dt + dd .table-row {border-top: 0;}
.table h4 {padding: 0 20px;font-size: 14px;line-height: 34px;}
.table .name {line-height: 20px;}

.match-head {font-size: 16px;line-height: 36px;height: 36px;}
.match-table {box-shadow: var(--box-shaow);border-radius: var(--border-radius);font-size: 14px;}
.match-table .thead {line-height: 40px;background-color: #fafafa;border-bottom: 0;}
.match-table .thead .table-cell.score em {line-height: 18px;}
.match-table .thead .table-cell.score em:nth-child(2) {font-size: 12px;}
.match-table .table-cell {width: 84px;}
.match-table .table-cell.time,
.match-table .table-cell.score {width: 135px;}
.match-table .table-cell.record {width: 168px;}
.match-table .table-row-inner {padding: 6px 5px;line-height: 20px;min-height: 40px;transition: .3s;}
.match-table .table-row .remark {font-size: 12px;line-height: 20px;margin: 0 0 5px;}
.match-table .table-row:hover .table-row-inner {background-color: #FFF5ED;}
.match-table .table-row-inner a:hover {color: var(--color-theme);}
.match-table .tbody .score-all.wait.vs,
.match-table .tbody .score-all {font-size: 20px;}
.match-table .tbody .score-all.wait {font-size: 14px;}
.match-table .table-cell p {display: inline-block;vertical-align: middle;min-width: 35%;}
.match-table .table-cell.time p {display: block;}
.match-table .table-cell.score p {display: block;}

.table .table-cell {flex: 0 0 100px !important;position: relative;}
.table .table-cell p {line-height: 20px;}
.table .table-cell:nth-child(2) {flex: 1 !important;}
.table .tip {padding: 10px 20px;}
.table .table-cell.team-home{color: #f52a2a;}
.table .table-cell.team-home::before{content: "主";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 20px;height: 20px;background: #f52a2a;line-height: 20px;color: #fff;text-align: center;margin-left: -25px;}
.table .table-cell.team-away{color: #1b77ff;}
.table .table-cell.team-away::before{content: "客";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 20px;height: 20px;background: #1b77ff;line-height: 20px;color: #fff;text-align: center;margin-left: -25px;}

.match-rank {box-shadow: var(--box-shaow);border-radius: var(--border-radius);margin-bottom: 15px;}
.match-rank .match-final .team{width: 130px;}
.match-rank .match-final .team-score, .match-rank .match-second .team-score {line-height: 100%;font-size: 30px;width: 150px;}
.match-rank .match-final .team-icon, .match-rank .match-second .team-icon {width: 80px;height: 80px;}
.match-rank .match-final .team-name, .match-rank .match-second .team-name {font-size: 16px;line-height: 20px;margin-top: 4px;}
.match-rank .team-icon {width: 40px;height: 40px;}
.match-rank .match-item .team {padding-top: 5px;}
.match-rank .match-item .team-score {font-size: 16px;}
.match-rank .match-item .team-name {font-size: 12px;margin-top: 4px;}
.match-rank .match-item::before {top: calc(100% + 25px);height: 14px;width: 2px;}
.match-rank .match-item .team-left::before,
.match-rank .match-item .team-right::before {height: 25px;}
.match-rank .match-top .match-item {margin-bottom: 40px;}
.match-rank .match-top .match-item .team-score {bottom: auto;top: 15px;}
.match-rank .match-bottom .match-item {margin-top: 40px;}
.match-rank .match-bottom .match-item::before {bottom: calc(100% + 25px);}
.match-rank .match-top .match-group:last-child .match-item {margin-bottom: 60px;}
.match-rank .match-bottom .match-group:first-child .match-item {margin-top: 60px;}
.match-rank .match-top .match-group:last-child .match-item .team-score,
.match-rank .match-bottom .match-group:first-child .match-item .team-score {font-size: 24px;}
.match-rank .match-bottom .match-item .team-score {top: 15px;}
.match-rank .match-top .match-item .team-left::before,
.match-rank .match-top .match-item .team-right::before,
.match-rank .match-bottom .match-item .team-left::before,
.match-rank .match-bottom .match-item .team-right::before {border-width: 2px !important;}
.rule-wrap {padding: 20px;box-shadow: var(--box-shaow);border-radius: var(--border-radius);margin-top: 15px;}
.rule-wrap h3 {font-size: 20px;line-height: 30px;}
.rule-wrap pre {font-size: 14px;line-height: 24px;}
.data-card {box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.main.doc-box,
.match-content {box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.match-content .empty-box,
.main.doc-box .empty-box {box-shadow: none;background-color: transparent;}
.match-content .group {margin-bottom: 15px;}
.data-card {margin-bottom: 15px;}
.data-card-header {font-size: 16px;padding: 0 20px;}
.data-card-header h3 {font-size: 16px;}
.data-card-content .more {font-size: 14px;line-height: 40px;}
.data-card-content .more .iconfont {font-size: 14px;margin-left: 2px;}
.transfer-table .table-row,
.transfer-table-v2 .table-row {padding: 10px 20px;border-top: var(--border);transition: all .3s;}
.transfer-table .table-row:first-child,
.transfer-table-v2 .table-row:first-child {border-top: 0;}
.transfer-table-v2 .table-row a:hover {color: var(--color-theme);}
.transfer-table .table-cell:nth-child(2) {padding-left: 24px;}
.transfer-table .arrow {width: 16px;height: 16px;top: 4px;}
.transfer-table .name {font-size: 16px;line-height: 24px;}
.transfer-table .name a:hover {color: var(--color-theme);}
.transfer-table .namesub {font-size: 14px;line-height: 18px;}
.transfer-table .thead {line-height: 40px;font-size: 14px;padding: 0 20px;}
.transfer-table .table-cell:nth-child(3) {width: 200px;}
.transfer-table-v2 .table-row {font-size: 16px;}
.history {box-shadow: var(--box-shaow);border-radius: var(--border-radius);background-color: #fff;}
.history .transfer-table .table-row {border-top: var(--border);}
.transfer-table-v2 .date {width: 100px;}
.transfer-table-v2 .price {width: 150px;}
.transfer-table-v2 .arrow {width: 16px;height: 16px;margin: 5px 10px;}
.team-row {font-size: 14px;line-height: 40px;padding: 0 20px;transition: all .3s;}
.team-row a:hover {color: var(--color-theme);}
.team-row:hover {background-color: #FFF5ED;}
.team-list .avatar-image {width: 32px;height: 32px;vertical-align: -10px;}
.table .item.active::after {line-height: 20px;font-size: 12px;}
.table .item.active .table-row {min-height: 60px;}
.descriptions {padding: 15px 20px;justify-content: flex-start;}
.descriptions-cell {font-size: 14px;line-height: 24px;width: 33.33%;margin: 0 0 14px !important;}
.descriptions-cell:nth-last-child(-n+3) {margin-bottom: 0 !important;}
.descriptions-label::after {content: "：";}
.descriptions-content {text-align: left;}
.honour-list {padding: 15px 20px 10px;}
.honour-list .honour-label  {flex: 0 0 204px;font-size: 14px;line-height: 18px;}
.honour-list .honour-content span {min-width: 84px;font-size: 12px;line-height: 16px;border-radius: var(--border-radius);}
.taglist .a0item {min-width: 70px;line-height: 20px;padding: 2px 4px;border-radius: 4px;margin: 0 15px 10px 0;transition: all .3s;}
.taglist .a0item:hover {color: var(--color-theme);}
.search-wrap {box-shadow: var(--box-shaow);border-radius: var(--border-radius);padding: 30px 90px 30px 30px;}
.search {box-shadow: var(--box-shaow);border-radius: var(--border-radius);border: 1px solid #eee;display: flex;align-items: center;overflow: hidden;}
.search input {height: 60px;padding: 0 20px;font-size: 14px;background-color: transparent;}
.search .submit {background-color: var(--color-theme);color: #fff;font-size: 16px;border: 0;margin: 0 20px;line-height: 34px;padding: 0 20px;border-radius: 2px;cursor: pointer;transition: .3s all;}
.search .submit:hover {box-shadow: 0 0 8px rgba(0, 0, 0, .3);}

.navbar .search-wrap {margin-left: 0;}
.navbar-title {margin: 0;}
.nabbar-tabs {line-height: 36px;border-radius: 18px;}
.nabbar-tabs a {min-width: 90px;}
.search-head {box-shadow: var(--box-shaow);border-radius: var(--border-radius);background-color: #fff;padding: 30px 90px 30px 30px;margin-bottom: 15px;}
.search-head .navbar {height: auto;}
.search-head .search-wrap {padding: 0;box-shadow: none;border: 0;margin-top: 10px;}
.search-top {padding: 0;}
.search-top .head {margin: 10px 0;}
.search-top h3 {font-size: 20px;line-height: 40px;}
.search-content {background-color: #fff;box-shadow: var(--box-shaow);border-radius: var(--border-radius);padding: 20px;margin-top: 0;}
.search-content .title {border-bottom: 0;padding: 0;font-size: 20px;line-height: 40px;}
.search-list {box-shadow: var(--box-shaow);border-radius: var(--border-radius);margin-bottom: 15px;}
.search-list .head h3 {font-size: 18px;padding: 10px 20px;}
.search-list .head .more {padding: 0 20px;}
.search-list .item a {padding: 20px 0;margin: 0 20px;}
.search-list .item .classify {line-height: 24px;}
.search-empty {position: static;background-color: #fff;box-shadow: var(--box-shaow);border-radius: var(--border-radius);padding: 20vh 0;}
.empty-box {background-color: #fff;box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.select-dropdown-item:hover a {color: var(--color-theme);}
.classify-wrap {height: auto !important;margin-bottom: 15px;box-shadow: var(--box-shaow);}
.label-wrap {padding: 10px 0 0 20px;position: static;max-height: none;overflow: visible;}
.label-wrap .a0item {min-width: 70px;font-size: 14px;line-height: 20px;padding: 2px 4px;border-radius: 4px;transition: all .3s;}
.label-wrap .a0item::before {font-size: 12px;}
.round-wrap .label-wrap .a0item {min-width: 80px;font-size: 16px;line-height: 18px;margin-right: 12px;}
.label-wrap .a0item:hover {color: var(--color-theme);}

.stats-wrap .stats-item {padding: 20px;background-color: #fff;box-shadow: var(--box-shaow);border-radius: var(--border-radius);margin-bottom: 15px;}
.stats-wrap .stats-item .title {font-size: 16px;line-height: 40px;padding: 0 20px;margin-bottom: 10px;}
.table-empty {padding-top: 150px;background-size: 300px auto;border-top: var(--border);}

.filter-container {padding: 0;margin-bottom: 15px;}
.filter-container .label-wrap {margin-top: 10px;}

.match-chart {padding: 0 15px 15px;}
.match-chart .info {padding: 20px 0 15px;}
.match-chart .info .team-icon {width: 50px;height: 50px;}
.match-chart .info .score-box {line-height: 24px;}
.match-chart .info .team-name {font-size: 16px;margin-top: 4px;}
.match-chart .info .team-score {font-size: 20px;font-weight: bold;}
.match-chart .info .team-status {font-size: 14px;}
.match-chart .table .body a {line-height: 20px;}

.tabs {line-height: 28px;border-radius: 28px;}
.tabs .tab-item {font-size: 14px;min-width: 80px;max-width: 200px;white-space: normal;line-height: 16px;padding: 5px 10px;}

.page-title {font-size: 24px;line-height: 40px;margin-bottom: 10px;}
/* 篮球-球队 */
.tree-select .navlist {width: 120px;background-color: #f7f7f7;}
.tree-select .navlist li {font-size: 14px;line-height: 24px;}
/* 篮球-统计 */
.table-data-wrap {padding: 0;}
.table-data-wrap .table-data {box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.table-view th {font-size: 14px;background-color: #fafafa !important;border-bottom: 0 !important;}
.table-view td {font-size: 14px;transition: .3s;}
.table-view .table-cell .cell {width: auto !important;}
.table-view .table-fixed-column-left:nth-child(2),
.table-view .table-fixed-column-left:nth-child(2) .cell {width: 134px !important;}
.table-view .table-fixed-column-left:nth-child(2)::after {display: none;}
.table-view .table-fixed-column-left {left: auto !important;position: static;}
.table-view .table-row:last-child td.table-cell {border-bottom: 0;}
.table-view .table-row:hover td {background-color: #fff5ed;}

.match-rank .match-second{padding: 10px 5px;}
.match-rank .match-second .team-score::before{font-size: 18px;top: -40px;}
.match-rank .match-final .team.winner::before{width: 30px;height: 30px;top: -25px;}

.select-list {flex-wrap: wrap;padding: 16px 16px 6px 16px;margin-bottom: 15px;box-shadow: var(--box-shaow);border-radius: var(--border-radius);}
.select-list .a0item {min-width: 80px;font-size: 16px;line-height: 18px;margin: 0 10px 10px 0;padding: 2px 4px;}
.select-list .a0item em {font-size: 12px;}
.select-list.groups {padding: 5px 10px;}
.select-list.groups .a0item {font-size: 14px;}

.aio-layout .location {display: none;}