.la-histogram[data-v-1b37684b] {
    transform: translateZ(0)
}

.la-histogram .g2-tooltip {
    z-index: 99!important;
    opacity: 1!important;
    background: #0f2f4b!important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2)!important;
    border-radius: 4px!important;
    overflow: hidden
}

.la-histogram .g2-tooltip .g2-tooltip-title {
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 19px
}

.la-histogram .g2-tooltip-list {
    font-size: 14px;
    color: #fff
}

.la-histogram .g2-tooltip-list li span:nth-child(2) {
    color: #fff;
    font-weight: 700
}

.la-histogram .g2-tooltip .hideHalf {
    width: 150px!important;
    overflow: hidden
}

.la-histogram .g2-tooltip .hideHalf li {
    margin: 0!important;
    padding-right: 10px!important
}

.la-histogram .g2-tooltip .g2-title-bg {
    width: 100%;
    height: 36px;
    background: #0f2f4b!important;
    position: absolute;
    top: 0;
    left: 0
}

.la-histogram .g2-tooltip .tooltip-flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.la-histogram .url-overflow {
    width: 160px;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.la-echart-map[data-v-46c8a77c] {
    width: 100%!important;
    height: 100%;
    text-align: center;
    vertical-align: top
}

.la-echart-map .chart[data-v-46c8a77c] {
    width: 100%
}

.la-donut .g2-tooltip {
    overflow: hidden;
    z-index: 99!important;
    opacity: 1!important;
    background: #0f2f4b!important;
    border-radius: 4px!important
}

.la-donut .g2-tooltip .g2-tooltip-title {
    position: relative;
    z-index: 2;
    color: #fff
}

.la-donut .g2-tooltip .g2-title-bg {
    width: 100%;
    height: 36px;
    background: #0f2f4b!important;
    position: absolute;
    top: 0;
    left: 0
}

.la-donut .g2-tooltip .tooltip-flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #fff
}

.el-tooltip__popper {
    z-index: 99999!important
}

.el-tooltip__popper.is-light {
    border: none
}

.el-tooltip__popper.la-tooltip {
    padding: 0
}

.la-tool-tip-item {
    width: 200px;
    padding: 10px 20px;
    max-height: 200px;
    overflow-y: auto;
    background: #0f2f4b!important;
    color: #fff;
    border-radius: 4px!important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    border-radius: 2px;
    font-size: 14px
}

.diallel-table[data-v-09389e52] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px;
    table-layout: fixed;
    line-height: 1!important
}

.diallel-table .column-first[data-v-09389e52] {
    font-size: 12px
}

.diallel-table .column-first-inner[data-v-09389e52] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 6px
}

.diallel-table .column-second[data-v-09389e52] {
    width: 60px;
    text-align: right;
    white-space: nowrap;
    font-size: 12px
}

.diallel-table thead[data-v-09389e52] {
    color: #717887;
    font-weight: 500
}

.diallel-table thead .column-first[data-v-09389e52],.diallel-table thead .column-second[data-v-09389e52] {
    padding-bottom: 10px
}

.diallel-table tbody .column-first-inner[data-v-09389e52] {
    height: 32px
}

.diallel-table tbody .column-first-inner .refer-icon[data-v-09389e52] {
    flex-shrink: 0;
    width: 13px;
    margin-left: 8px
}

.diallel-table tbody .column-first-inner .refer-index[data-v-09389e52] {
    flex-shrink: 0;
    width: 13px;
    margin-left: 8px;
    text-align: center
}

.diallel-table tbody .column-first-inner .refer-address[data-v-09389e52] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.diallel-table tbody .column-second[data-v-09389e52] {
    font-weight: 600
}

.diallel-table-row-tooltip {
    border-radius: 4px 4px 4px 4px
}

.diallel-table-row-tooltip dl {
    margin: 13px 10px
}

.diallel-table-row-tooltip dl .title-label {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 19px
}

.diallel-table-row-tooltip dl .title-url {
    display: block;
    max-width: 300px;
    font-size: 14px;
    color: #1690ff;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.diallel-table-row-tooltip dl .item {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 14px;
    flex-wrap: wrap;
    min-width: 150px;
    row-gap: 8px;
    margin-top: 14px
}

.diallel-table-row-tooltip dl .item:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #1690ff;
    border-radius: 50%;
    margin-right: 8px
}

.diallel-table-row-tooltip dl .item .value {
    font-weight: 700;
    color: #fff;
    margin: 0 0 0 auto
}

.diallel-table-row-tooltip-outer.el-tooltip__popper {
    padding: 0!important;
    background: #0f2f4b!important
}

.empty-placeholder[data-v-3382525a] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.empty-placeholder img[data-v-3382525a] {
    flex-grow: 1;
    width: 100%;
    height: 0;
    object-fit: contain
}

.empty-placeholder div[data-v-3382525a] {
    font-size: 14px;
    font-weight: 400;
    color: #b2b7c1
}

.report-overview-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    min-width: 1200px
}

.report-overview-container .report-ad-G1 {
    background-color: #fff
}

.online-tool-tip-item {
    width: 200px;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #7cbffb;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    border-radius: 2px
}

.report-overview {
    width: 100%;
    box-sizing: border-box
}

.report-overview .current-color {
    color: #1690ff
}

.report-overview .device-pc {
    color: #ffa74d
}

.report-overview .device-mobile {
    color: #69ce82
}

.report-overview .device-other {
    color: #4ecbcb
}

.report-overview .empty-area .dev {
    margin-top: 0
}

.report-overview .el-progress-bar .el-progress-bar__outer {
    height: 2px!important;
    background-color: #f1f1f1
}

.report-overview .el-progress-bar .el-progress-bar__outer .el-progress-bar__inner {
    background-color: #7cbffb
}

.report-overview .top-area {
    background-color: #fff
}

.report-overview .top-area .expend-area {
    background-color: #fbfbfb
}

.report-overview .top-area .online-box {
    flex: 0 0 240px;
    position: relative
}

.report-overview .top-area .online-box.second:after,.report-overview .top-area .online-box.third:after {
    width: 0;
    height: 0
}

.report-overview .top-area .online-box:after {
    content: "";
    width: 1px;
    height: 128px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #e3e6e9;
    z-index: 999
}

.report-overview .top-area .first-item {
    flex: 1 0 180px
}

.report-overview .top-area .expend-area .item:after {
    top: 0;
    height: 90px
}

.report-overview .top-area .expend-area .item.third:after {
    top: -24px;
    height: 96px
}

.report-overview .top-area .item {
    position: relative
}

.report-overview .top-area .item:after {
    content: "";
    width: 1px;
    height: 98px;
    position: absolute;
    right: -12px;
    top: 30px;
    background-color: #e3e6e9;
    z-index: 999
}

.report-overview .top-area .el-divider {
    margin-top: 0;
    margin-bottom: 0
}

.report-overview .top-area .slider-btn .el-button {
    width: 40px;
    height: 30px;
    padding: 0;
    margin: 0;
    border-top: 0
}

.report-overview .overview-data-area {
    min-width: 1000px
}

.report-overview .overview-data-area .report-card-list-content {
    height: 490px;
    box-sizing: border-box;
    box-shadow: 0 6px 12px 0 rgba(41,48,55,.08);
    border-radius: 4px 4px 4px 4px
}

.report-overview .overview-data-area .report-card-list-content.first-line {
    height: 375px
}

.report-overview .overview-data-area .trend-select .el-select.el-select--mini .el-input__inner {
    width: 150px!important;
    height: 32px
}

.report-overview .report-card-city .report-card-map {
    width: 340px
}

.report-overview .report-card-city .report-card-data-show {
    flex-grow: 1
}

.open-right-ad {
    width: calc(100% - 200px);
    min-width: 1000px
}

.trend-tabs[data-v-0957789c] .el-tabs__nav-wrap:after {
    display: none!important
}

.trend-tabs[data-v-0957789c] .el-tabs__nav-wrap .el-tabs__item {
    color: #717887
}

.trend-tabs[data-v-0957789c] .el-tabs__nav-wrap .el-tabs__item.is-active {
    color: #1690ff
}

.trend-tabs[data-v-0957789c] .el-tabs__content {
    display: none!important
}

.overview-page[data-v-0957789c] {
    padding: 0 20px 60px
}

.overview-page .header-wrapper[data-v-0957789c] {
    padding: 20px 0
}

.province-card-fix[data-v-0957789c] {
    padding-bottom: 24px!important
}

.province-card[data-v-0957789c] {
    gap: 40px
}

.province-list[data-v-0957789c] {
    width: 50%
}

.overview[data-v-0957789c] {
    background: #edf0f3;
    border-radius: 0 0 4px 4px;
    line-height: 1!important
}

.overview .expandable-box[data-v-0957789c] {
    padding: 25px 20px 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 12px 0 rgba(41,48,55,.08)
}

.overview .expandable-box.layout-inactive[data-v-0957789c] {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows: auto;
    column-gap: 40px;
    grid-template-areas: "recently daily"
}

.overview .expandable-box.layout-active[data-v-0957789c] {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows: repeat(3,auto);
    gap: 15px 40px;
    grid-template-areas: "recently daily" "divider divider" ". monthly"
}

.overview .expandable-box .recently[data-v-0957789c] {
    grid-area: recently;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px 26px 14px 10px;
    border-radius: 4px 4px 4px 4px;
    background: url(../img/bg_overview_card.8a9a602b.png) bottom/contain no-repeat,linear-gradient(180deg,#5fb3ff,#0a88fa)
}

.overview .expandable-box .recently .title[data-v-0957789c] {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px
}

.overview .expandable-box .recently .title .icon-like[data-v-0957789c] {
    width: 16px;
    padding-right: 4px
}

.overview .expandable-box .recently .online[data-v-0957789c] {
    font-size: 34px;
    color: #fff
}

.overview .expandable-box .recently .more[data-v-0957789c] {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #fff;
    cursor: pointer
}

.overview .expandable-box .recently .more .icon-like[data-v-0957789c] {
    width: 12px
}

.overview .expandable-box .divider[data-v-0957789c] {
    grid-area: divider;
    height: 1px;
    background: #e4e8ef
}

.overview .expandable-box table.daily[data-v-0957789c] {
    grid-area: daily;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0
}

.overview .expandable-box table.daily th[data-v-0957789c]:first-child {
    text-align: left
}

.overview .expandable-box table.daily td[data-v-0957789c],.overview .expandable-box table.daily th[data-v-0957789c]:not(:first-child) {
    text-align: right
}

.overview .expandable-box table.daily tbody>tr:not(:last-child) td[data-v-0957789c],.overview .expandable-box table.daily tbody>tr:not(:last-child) th[data-v-0957789c],.overview .expandable-box table.daily thead>tr td[data-v-0957789c],.overview .expandable-box table.daily thead>tr th[data-v-0957789c] {
    padding-bottom: 14px
}

.overview .expandable-box table.daily tbody td[data-v-0957789c] {
    border-left: 1px solid #e4e8ef
}

.overview .expandable-box table.daily tbody td[data-v-0957789c]:not(:last-child),.overview .expandable-box table.daily thead th[data-v-0957789c]:not(:last-child) {
    padding-right: 18px
}

.overview .expandable-box table.daily th[data-v-0957789c]:first-child {
    box-sizing: border-box;
    width: 8%
}

.overview .expandable-box table.daily th[data-v-0957789c]:not(:first-child) {
    box-sizing: border-box;
    width: 15.33333%
}

.overview .expandable-box table.daily td[data-v-0957789c],.overview .expandable-box table.daily th[data-v-0957789c] {
    font-weight: 400;
    font-size: 12px;
    color: #565b66
}

.overview .expandable-box table.daily td .tip[data-v-0957789c],.overview .expandable-box table.daily th .tip[data-v-0957789c] {
    font-size: 12px
}

.overview .expandable-box table.daily td.predict[data-v-0957789c],.overview .expandable-box table.daily th.predict[data-v-0957789c] {
    position: relative
}

.overview .expandable-box table.daily td.predict .icon-like[data-v-0957789c],.overview .expandable-box table.daily th.predict .icon-like[data-v-0957789c] {
    position: absolute;
    right: 5px;
    top: 0;
    width: 12px
}

.overview .expandable-box table.daily tbody>tr:first-child>td[data-v-0957789c] {
    font-size: 16px;
    font-weight: 700;
    color: #565b66
}

.overview .expandable-box table.monthly[data-v-0957789c] {
    grid-area: monthly;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0
}

.overview .expandable-box table.monthly th[data-v-0957789c]:first-child {
    text-align: left
}

.overview .expandable-box table.monthly td[data-v-0957789c],.overview .expandable-box table.monthly th[data-v-0957789c]:not(:first-child) {
    text-align: right
}

.overview .expandable-box table.monthly tbody>tr:not(:last-child) td[data-v-0957789c],.overview .expandable-box table.monthly tbody>tr:not(:last-child) th[data-v-0957789c],.overview .expandable-box table.monthly thead>tr td[data-v-0957789c],.overview .expandable-box table.monthly thead>tr th[data-v-0957789c] {
    padding-bottom: 14px
}

.overview .expandable-box table.monthly tbody td[data-v-0957789c] {
    border-left: 1px solid #e4e8ef
}

.overview .expandable-box table.monthly tbody td[data-v-0957789c]:not(:last-child),.overview .expandable-box table.monthly thead th[data-v-0957789c]:not(:last-child) {
    padding-right: 18px
}

.overview .expandable-box table.monthly th[data-v-0957789c]:first-child {
    box-sizing: border-box;
    width: 8%
}

.overview .expandable-box table.monthly td[data-v-0957789c] {
    box-sizing: border-box;
    width: 15.33333%
}

.overview .expandable-box table.monthly td[data-v-0957789c],.overview .expandable-box table.monthly th[data-v-0957789c] {
    font-weight: 400;
    font-size: 12px;
    color: #565b66
}

.overview .expandable-box table.monthly tbody>tr:last-child>td[data-v-0957789c] {
    color: #b2b7c1
}

.overview .btn-box[data-v-0957789c] {
    overflow: hidden
}

.overview .btn-box .dropdown-btn[data-v-0957789c] {
    all: unset;
    width: 46px;
    height: 24px;
    margin-bottom: 6px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 12px 0 rgba(41,48,55,.08)
}

.overview .btn-box .dropdown-btn .iconfont[data-v-0957789c] {
    color: #b2b7c1
}

.detail-btn[data-v-0957789c] {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #717887;
    line-height: 1;
    gap: 3px
}

.detail-btn img[data-v-0957789c] {
    width: 16px
}

.visitor-card[data-v-0957789c] {
    margin-top: 13px
}

.visitor-card__visitor[data-v-0957789c] {
    display: flex;
    gap: 10px
}

.visitor-card__new-visitor[data-v-0957789c] {
    padding: 10px;
    flex: 1 1 0;
    background: #eef6ff;
    border-radius: 4px 4px 4px 4px
}

.visitor-card__old-visitor[data-v-0957789c] {
    padding: 10px;
    flex: 1 1 0;
    background: #fff4f7;
    border-radius: 4px 4px 4px 4px
}

.visitor-card__icon[data-v-0957789c] {
    width: 24px
}

.visitor-card__quantity-outer[data-v-0957789c] {
    display: flex;
    align-items: center
}

.visitor-card__label[data-v-0957789c] {
    color: #717887;
    margin-left: 4px;
    line-height: 1
}

.visitor-card__quantity[data-v-0957789c] {
    margin-top: 10px;
    line-height: 1
}

.visitor-card__change-rate[data-v-0957789c] {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #1e2127
}

.time-radios[data-v-0957789c] .el-radio-group {
    display: flex;
    gap: 10px
}

.time-radios[data-v-0957789c] .el-radio-button__inner {
    border: 0;
    border-radius: 4px
}

.time-radios[data-v-0957789c] .el-radio-button {
    box-shadow: 0 2px 3px 0 rgba(41,48,55,.1)
}

.terminal-card[data-v-0957789c] {
    display: flex;
    gap: 15px
}

.terminal-card__platform[data-v-0957789c] {
    flex: 1 1 0;
    padding: 10px
}

.terminal-card__platform[data-v-0957789c]:first-child {
    background: #eef6ff
}

.terminal-card__platform[data-v-0957789c]:nth-child(2) {
    background: #e9faf9
}

.terminal-card__platform[data-v-0957789c]:last-child {
    background: #fff8ed
}

.terminal-card__icon[data-v-0957789c] {
    width: 40px
}

.terminal-card__label[data-v-0957789c] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #717887
}

.terminal-card__val[data-v-0957789c] {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700;
    color: #1e2127
}
