@charset "UTF-8";
.entity-box li, .map-range li, ul {
    list-style: none
}

body, html, p, ul {
    margin: 0
}

.chart-panel .chart-title::before, .page-title .loc::before {
    content: "";
    display: inline-block
}

.chart-panel, .info-box {
    box-shadow: 0 4px 32px rgba(39, 39, 90, .02)
}

body, html {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    font-size: 20px;
    font-family: "PingFang SC", "Helvetica Neue", "Arial Narrow", Tahoma, "Microsoft Yahei", sans-serif, Simsun;
    /*background: url(../image/shanxi/bg_2.png) center/cover no-repeat;*/
    scrollbar-width: none
}

body::-webkit-scrollbar, html::-webkit-scrollbar {
    display: none
}

/** {*/
/*    box-sizing: border-box*/
/*}*/

ul {
    padding: 0
}

.dataScreen {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.page-title {
    position: absolute;
    top: 20px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #004480
}

.page-title .back_sv {
    cursor: pointer;
    margin-right: 20px
}

.page-title .title-txt {
    font-size: 24px;
    font-weight: 700
}

.deadline, .page-title .loc {
    font-size: 14px;
    color: #004480
}

.page-title .loc {
    position: relative;
    text-indent: 18px;
    margin-left: 24px
}

.page-title .loc::before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 10px;
    height: 12px;
    background-image: url(../image/shanxi/sprite.png);
    background-repeat: no-repeat
}

.deadline {
    position: absolute;
    right: 0;
    font-weight: 400
}

.chart-panel {
    position: absolute;
    background: #fff;
    border-radius: 4px
}

.page-panel-4 .rank-list .hover-name, .region-info-box, .showhover {
    box-shadow: 0 4px 16px rgba(39, 39, 90, .08)
}

.chart-panel .chart-title {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin: 20px 20px 0;
    padding-left: 50px;
    color: #004480;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    background: linear-gradient(90deg, #c0e2ff 0, rgba(255, 255, 255, 0) 100%), url(../image/shanxi/c_t_bg.png) top 0 right 0/216px 32px no-repeat
}

.chart-panel .chart-title::before {
    position: absolute;
    top: 0;
    left: 30px;
    width: 6px;
    height: 32px;
    background: #fff;
    transform: skew(-25deg)
}

.chart-panel .chart-title .sub-title {
    display: inline-block;
    color: transparent;
    margin-left: 8px;
    transform: scale(.5) translateY(8px);
    transform-origin: 0;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, rgba(0, 68, 127, .5) 0, rgba(0, 68, 127, 0) 100%)
}

.__empty::after, .__empty_big::after, .__loading::after {
    transform: translateX(-50%);
    color: #6b93b7;
    position: absolute;
    left: 50%;
    display: inline-block;
    text-align: center
}

.chart-panel .ds-select {
    top: 84px;
    right: 32px
}

.chart-panel .chart-title.unclickable {
    cursor: default
}

.chart-panel .chart-title .chart-title-more {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 400
}

.__empty::after, .__empty_big::after {
    content: "此处暂无内容";
    top: 45%;
    width: 165px;
    height: 78px;
    font-size: 10px;
    line-height: 65px;
    background: url(../image/shanxi/empty-2_1.png) center/100% no-repeat
}

.rank-list.__empty::after, .rank-list.__empty_big::after {
    top: 30%
}

.__empty_big::after {
    width: 290px;
    height: 133px;
    font-size: 14px;
    line-height: 110px;
    background: url(../image/shanxi/empty-2_2.png) center/100% no-repeat
}

.__loading::after {
    content: "加载中，请稍后";
    top: 35%;
    width: 260px;
    height: 120px;
    font-size: 12px;
    line-height: 260px;
    background: url(../image/shanxi/loading_2.gif) center/100% no-repeat
}

.entity-box li::before, .info-box .label::before, .map-range li::before, .map-tooltip::after, .region-info-box::after {
    content: ""
}

.map-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.region-info-box {
    position: absolute;
    z-index: 1;
    top: 84px;
    left: 32px;
    width: 200px;
    padding: 0 16px;
    background: #fff;
    border-radius: 4px
}

.region-info-box::after {
    display: inline-block;
    position: absolute;
    top: 58px;
    left: 16px;
    right: 16px;
    height: 4px;
    background: linear-gradient(120deg, transparent 0, 29.9%, #d0e9ff 30%, 69.9%, transparent 70%) 0 0/6px 4px
}

.region-info-box .title {
    margin-top: 20px;
    color: #004480;
    font-size: 16px;
    font-weight: 700
}

.region-info-box .title span:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 70px;
    float: right;
    color: #f18c0e
}

.region-info-box ul {
    margin: 36px 0 20px
}

.region-info-box li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #00447f;
    font-size: 14px;
    text-align: right;
    text-indent: 20px;
    line-height: 18px
}

.region-info-box li:not(:last-child) {
    margin-bottom: 14px
}

.region-info-box li i {
    float: left;
    color: #6b93b7;
    font-style: normal;
    text-indent: initial
}

.map-range {
    position: absolute;
    z-index: 1;
    left: 16px;
    bottom: 24px;
    padding: 8px 16px;
    font-size: 0
}

.map-range li {
    position: relative;
    display: inline-block;
    color: #6b93b7;
    font-size: 12px;
    line-height: 20px;
    padding-left: 12px
}

.map-range li:not(:last-of-type) {
    margin-right: 12px
}

.map-range li::before {
    position: absolute;
    top: 50%;
    left: -.5px;
    padding: 1.5px 3.5px;
    border: 1px solid rgba(1, 137, 255, .56);
    border-radius: .5px;
    transform: translateY(-50%)
}

.map-range li:nth-child(1)::before {
    background: #f0f8ff
}

.map-range li:nth-child(2)::before {
    background: #dbeeff
}

.map-range li:nth-child(3)::before {
    background: #cce7ff
}

.map-range li:nth-child(4)::before {
    background: #a3d4ff
}

.map-range li:nth-child(5)::before {
    background: #70bdff
}

.ds-select {
    display: none !important;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    line-height: 40px;
    width: 120px;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 43, 81, .12);
    border-radius: 2px
}

.ds-select.visible {
    display: block !important
}

.ds-select.is-focus ul {
    display: block
}

.ds-select.is-focus .suffix {
    transform: rotate(180deg)
}

.ds-select input {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 12px;
    color: #004480
}

.ds-select input:focus {
    outline: 0
}

.ds-select .suffix {
    pointer-events: none;
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 12px;
    width: 11px;
    height: 6px;
    background: url(../image/shanxi/select_suffix.png);
    transition: transform .3s
}

.ds-select ul {
    display: none;
    position: absolute;
    top: 44px;
    width: 100%;
    padding: 8px 5px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 43, 81, .08);
    border-radius: 2px
}

.ds-select ul::-webkit-scrollbar {
    width: 8px
}

.ds-select ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ddd
}

.ds-select ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.ds-select ul li {
    cursor: pointer;
    color: #487fae;
    padding-left: 8px;
    line-height: 32px
}

.ds-select ul li:hover {
    color: #004480
}

.ds-select ul li.active {
    color: #004480;
    background: #f0f8ff
}

.map-tooltip {
    position: relative;
    width: 136px;
    height: 50px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(39, 39, 90, .2);
    border-radius: 4px
}

.map-tooltip::after {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: -5px;
    border-style: solid;
    border-width: 5px 6px 0;
    border-color: #fff transparent transparent
}

.map-tooltip p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    padding-left: 48px
}

.map-tooltip p:nth-of-type(1) {
    color: #003865;
    font-size: 14px;
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 3px
}

.map-tooltip p:nth-of-type(2) {
    width: -moz-min-content;
    width: min-content;
    padding-left: 96px;
    color: #6b93b7;
    font-size: 20px;
    transform-origin: 0;
    transform: scale(.5)
}

.map-tooltip .inner_chart {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 10px
}

.tooltip {
    box-sizing: border-box;
    display: inline-block;
    padding: 16px 16px 8px;
    border-radius: 4px;
    background-color: #fff
}

.tooltip .title {
    margin-bottom: 12px;
    color: #003865;
    font-size: 14px;
    line-height: 18px
}

.tooltip .item {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.tooltip .item .color {
    width: 10px;
    height: 4px;
    margin-right: 4px
}

.tooltip .item .line {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../image/line-yellow.png) center no-repeat
}

.tooltip .item .square {
    width: 6px;
    height: 6px
}

.tooltip .item .circle {
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.tooltip .item .name {
    flex: 1;
    color: #6b93b7;
    margin-right: 37px
}

.tooltip .item .num {
    text-align: right;
    color: #003865;
    font-weight: 700
}

.tooltip .item .rate {
    width: 10px;
    height: 10px;
    background: url(../image/rate.png) center no-repeat
}

.info-box-panel {
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    display: flex
}

.info-box {
    flex: 1;
    font-size: 0;
    padding: 18px 0 18px 20px;
    background: #fff;
    border-radius: 4px
}

.info-box:not(:last-of-type) {
    margin-right: 20px
}

.info-box > span {
    display: inline-block;
    width: 100%
}

.info-box .label {
    position: relative;
    color: #6b93b7;
    font-size: 14px;
    text-indent: 24px;
    line-height: 18px;
    margin-bottom: 8px
}

.info-box .label::before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url(../image/shanxi/sprite.png);
    background-repeat: no-repeat
}

.info-box .value {
    color: #004480;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.entity-box {
    position: absolute;
    top: 22px;
    right: 20px
}

.entity-box li {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px
}

.entity-box li::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.entity-box li:nth-child(1)::before {
    background: #5383ff
}

.entity-box li:nth-child(2)::before {
    background: #ffb355
}

.entity-box li:nth-child(3)::before {
    background: #f76c68
}

.entity-box li:nth-child(4)::before {
    background: #28d377
}

.entity-box li span:first-child {
    color: #6b93b7;
    margin-left: 12px;
    margin-right: 4px
}

.entity-box li span:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 60px;
    color: #004480;
    font-weight: 700;
    vertical-align: top
}

[pid=sub] .chart-panel {
    z-index: 1;
    top: 4px;
    left: 0;
    width: 100%;
    height: 400px !important;
    box-shadow: unset
}

.page-panel-2 .panel-box, .page-panel-2 .panel-box1, .sub-container {
    box-shadow: 0 4px 32px rgba(39, 39, 90, .02)
}

[pid=sub] > .chart-panel {
    top: 80px
}

[pid=sub] .chart-box {
    height: 300px !important;
    margin: 24px auto
}

[pid=sub] .ds-select {
    z-index: 2;
    left: 320px;
    top: 88px
}

.sub-container {
    position: relative;
    margin: 75px 0 40px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.sub-container .container-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 33px;
    color: rgba(0, 68, 128, .8);
    text-align: center;
    margin-top: 32px
}

.sub-container .container-title::after, .sub-container .container-title::before {
    display: inline-block;
    width: 87.82px;
    height: 10px;
    margin-top: 11px;
    content: "";
    vertical-align: top
}

.sub-container .container-title::before {
    background: url(../image/shanxi/title-left.png);
    margin-right: 16px
}

.sub-container .container-title::after {
    background: url(../image/shanxi/title-right.png);
    margin-left: 16px
}

.sub-container .tab-box {
    height: 40px;
    margin-top: 8px
}

.sub-container .tab-box .tab-left {
    float: left;
    width: 150px;
    height: 40px;
    margin-left: 12px;
    position: relative
}

.sub-container .tab-box .tab-right {
    float: right;
    margin-top: 8px;
    margin-right: 40px;
    font-size: 0
}

.sub-container .tab-box .tab-right .tab-item {
    float: left;
    font-size: 16px;
    line-height: 32px;
    color: #6b93b7;
    padding: 0 16px;
    background-color: #fff;
    cursor: pointer
}

.sub-container .tab-box .tab-right .tab-item-active {
    background-color: #0189ff;
    color: #fff;
    font-weight: 700;
    border-radius: 2px
}

.sub-container .pagination {
    margin-top: 21px;
    margin-bottom: 64px;
    text-align: center
}

.list-panel {
    display: block;
    margin: 400px auto 40px;
    width: calc(100% - 80px);
    border-spacing: 0;
    border-bottom: 1px solid #f7f7f8
}

.list-panel tr {
    display: flex;
    height: 48px;
    font-size: 14px;
    line-height: 48px
}

.list-panel tbody, .list-panel thead {
    display: inline-block;
    width: 100%
}

.list-panel td {
    flex: 1;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list-panel td:nth-of-type(1) {
    padding-left: 24px
}

.list-panel thead td {
    color: #12558a;
    font-weight: 700;
    background: rgba(192, 226, 255, .5)
}

.m-ui-page .page-item, .m-ui-page .page-next, .m-ui-page .page-prev {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    line-height: 32px;
    text-align: center;
    cursor: pointer
}

.list-panel tbody tr {
    cursor: pointer
}

.list-panel tbody tr:hover {
    background: rgba(192, 226, 255, .2) !important;
    border-radius: 4px
}

.list-panel tbody tr:nth-of-type(even) {
    background: rgba(241, 249, 255, .5)
}

.m-ui-page {
    color: #a5a8aa
}

.m-ui-page.hidden {
    display: none
}

.m-ui-page .page-pagebox {
    display: inline-block;
    margin-right: 20px
}

.m-ui-page .page-pages {
    display: inline-block;
    margin-right: -4px
}

.m-ui-page .page-item {
    display: inline-block;
    background: #f9fbfe;
    font-size: 14px;
    margin-right: 4px
}

.m-ui-page .page-item:hover {
    background: #e1e5ec
}

.m-ui-page .page-next, .m-ui-page .page-prev {
    display: inline-block;
    background: #f9fbfe;
    font-size: 14px
}

.m-ui-page .page-next::after, .m-ui-page .page-prev::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(../image/shanxi/sprite.png) -384px 0 no-repeat
}

.m-ui-page .page-next::after {
    background-position-x: -448px
}

.m-ui-page .page-item-active, .m-ui-page .page-item-active:hover {
    background: #0189ff;
    font-weight: 700;
    color: #fff
}

.m-ui-page .page-quicknext:hover, .m-ui-page .page-quickprev:hover {
    position: relative
}

.m-ui-page .page-quicknext:hover::before, .m-ui-page .page-quickprev:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../image/shanxi/sprite.png) -437px -53px no-repeat #fff;
    border: 1px solid #0189ff;
    border-radius: 4px
}

.m-ui-page .page-quicknext:hover::before {
    background-position-x: -373px
}

.m-ui-page .page-jump {
    display: inline-block;
    font-size: 12px;
    line-height: 32px
}

.m-ui-page .page-jump .page-input {
    box-sizing: border-box;
    outline: 0;
    border: none;
    color: #a5a8aa;
    margin: 0 4px;
    width: 32px;
    height: 32px;
    background: #f9fbfe;
    border-radius: 4px;
    font-size: 14px;
    line-height: 32px;
    text-align: center
}

.m-ui-page .page-jump input::-webkit-inner-spin-button, .m-ui-page .page-jump input::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.m-ui-page .page-jump input[type=number] {
    -moz-appearance: textfield
}

.tab .sub-title {
    background-image: linear-gradient(90deg, rgba(0, 68, 127, .5) 0, rgba(0, 68, 127, 0) 50%) !important
}

.showhover {
    display: inline-block;
    position: fixed;
    z-index: 1002;
    padding: 16px;
    font-size: 14px;
    line-height: 18px;
    color: #487fae;
    background: #fff;
    border-radius: 4px;
    text-align: center
}

.page-panel-1 {
    overflow: hidden;
    position: absolute;
    top: 24px;
    left: 320px
}

.page-panel-1 p {
    width: 600px;
    height: 24px;
    color: #f18c0e;
    font-size: 16px;
    line-height: 24px
}

.page-panel-1 p .scroll-bar_title {
    vertical-align: top;
    display: inline-block;
    padding: 0 12px;
    margin-right: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background: #ffb355;
    border-radius: 2px
}

.page-panel-1 p .scroll-bar_info {
    display: inline-block;
    width: 500px
}

.page-panel-1 p .info_item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-panel-2 {
    position: absolute;
    width: 240px;
    height: 580px;
    left: 0;
    top: 30px;
    background-color: transparent
}

.page-panel-2 .chart-title {
    display: none !important
}

.page-panel-2 .panel-box1 {
    width: 240px;
    height: 260px;
    padding: 24px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px
}

.page-panel-2 .panel-box1 .title {
    font-size: 14px;
    line-height: 18px;
    color: #004480;
    margin-bottom: 6px
}

.page-panel-2 .panel-box1 .num {
    font-weight: 700;
    font-size: 28px;
    line-height: 37px;
    color: #004480;
    margin-bottom: 12px
}

.page-panel-2 .panel-box1 .allcolors {
    width: 192px;
    height: 8px;
    margin-bottom: 32px;
    border-radius: 4px;
    overflow: hidden
}

.page-panel-2 .panel-box1 .allcolors .color-item {
    float: left;
    height: 100%;
    background: #0189ff;
    border-radius: 1px;
    box-sizing: border-box;
    margin-right: 2px
}

.page-panel-2 .panel-box1 .allcolors .color-item:last-child, .page-panel-2 .panel-box1 .num-boxs .num-box:nth-child(2n) {
    margin-right: 0
}

.page-panel-2 .panel-box1 .allcolors .color-item:nth-child(2) {
    background: #f76c68
}

.page-panel-2 .panel-box1 .allcolors .color-item:nth-child(3), .page-panel-2 .panel-box1 .num-boxs .num-box:nth-child(2) .num-title::before {
    background: #ffb355
}

.page-panel-2 .panel-box1 .num-boxs {
    overflow: hidden
}

.page-panel-2 .panel-box1 .num-boxs .num-box {
    float: left;
    width: 50%;
    margin-bottom: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-panel-2 .panel-box1 .num-boxs .num-box:nth-child(3) .num-title::before {
    background: #f76c68
}

.page-panel-2 .panel-box1 .num-boxs .num-box:nth-child(4) .num-title::before {
    background: #28d377
}

.page-panel-2 .panel-box1 .num-boxs .num-box .num-title {
    font-size: 14px;
    line-height: 18px;
    color: #6b93b7;
    margin-bottom: 4px
}

.page-panel-2 .panel-box1 .num-boxs .num-box .num-title::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #0189ff;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: top;
    margin-top: 6px
}

.page-panel-2 .panel-box1 .num-boxs .num-box .num-num {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #004480;
    margin-left: 11px
}

.page-panel-2 .panel-box {
    display: inline-block;
    width: 240px;
    height: 72px;
    padding: 12px 15px;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 8px
}

.page-panel-2 .panel-box .img {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #53afff;
    border-radius: 6px;
    vertical-align: top;
    margin-top: 6px;
    margin-right: 8px
}

.page-panel-2 .panel-box .img1 {
    background: url(../image/shanxi/sprite.png) 0 -320px no-repeat
}

.page-panel-2 .panel-box .img2 {
    background: url(../image/shanxi/sprite.png) -64px -320px no-repeat
}

.page-panel-2 .panel-box .img3 {
    background: url(../image/shanxi/sprite.png) -128px -320px no-repeat
}

.page-panel-2 .panel-box .img4 {
    background: url(../image/shanxi/sprite.png) -192px -320px no-repeat
}

.page-panel-2 .panel-box .info {
    display: inline-block
}

.page-panel-2 .panel-box .title {
    font-size: 14px;
    line-height: 18px;
    color: #6b93b7;
    margin-bottom: 4px
}

.page-panel-2 .panel-box .num {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #004480
}

.page-panel-3 {
    right: 0;
    top: 676px;
    width: 700px;
    height: 325px
}

.page-panel-3 #page-panel-3 {
    z-index: 1;
    height: 273px;
    padding: 0 32px
}

.page-panel-4 {
    width: 480px;
    height: 325px;
    left: 0;
    top: 676px
}

.page-panel-4 .chart-content {
    height: 273px;
    position: relative
}

.page-panel-4 .header-tabs {
    position: absolute;
    top: -43px;
    right: 12px;
    font-size: 12px;
    color: #6b93b7;
    line-height: 22px;
    cursor: pointer
}

.page-panel-4 .header-tabs .tab-item {
    float: left;
    margin-right: 4px;
    padding: 0 8px
}

.page-panel-4 .header-tabs .tab-item-current {
    color: #fff;
    background-color: #0189ff;
    border-radius: 2px;
    font-weight: 700
}

.page-panel-4 .rank-lists {
    margin-top: 16px;
    padding: 0 20px 0 24px
}

.page-panel-4 .rank-list {
    display: none;
    height: 229px
}

.page-panel-4 .rank-list:first-child {
    display: block
}

.page-panel-4 .rank-list .tab-title {
    font-size: 12px;
    line-height: 14px;
    color: #004480;
    margin-bottom: 12px
}

.page-panel-4 .rank-list .title-icon {
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: #ffb355;
    margin-top: 1px;
    margin-right: 6px
}

.page-panel-4 .rank-list .title-domain {
    display: inline-block;
    margin-left: 24px;
    margin-right: 38px
}

.page-panel-4 .rank-list .title-name {
    display: inline-block
}

.page-panel-4 .rank-list .title-sum {
    float: right;
    margin-right: 23px
}

.page-panel-4 .rank-list .tab-content {
    height: 200px;
    overflow-y: auto
}

.page-panel-4 .rank-list .tab-content::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.page-panel-4 .rank-list .tab-content::-moz-scrollbar {
    width: 8px;
    height: 8px
}

.page-panel-4 .rank-list .tab-content::-ms-scrollbar {
    width: 8px;
    height: 8px
}

.page-panel-4 .rank-list .tab-content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #DEE5EF
}

.page-panel-4 .rank-list .tab-content::-webkit-scrollbar-track {
    border-radius: 0;
    background: #fff
}

.page-panel-4 .rank-list .tab-content::-webkit-scrollbar-thumb:hover {
    background-color: #DEE5EF
}

.page-panel-4 .rank-list .rank-item {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #487fae;
    background-color: #f8fbff;
    padding: 0 24px;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative
}

.page-panel-4 .rank-list .rank-item:hover {
    color: #0189ff;
    background: #e9f4ff
}

.page-panel-4 .rank-list .item-order {
    display: inline-block;
    margin-right: 46px;
    vertical-align: top
}

.page-panel-4 .rank-list .order1 {
    color: #ff920c
}

.page-panel-4 .rank-list .order2 {
    color: #f76c68
}

.page-panel-4 .rank-list .order3 {
    color: #0189ff
}

.page-panel-4 .rank-list .item-name {
    display: inline-block;
    min-width: 168px;
    max-width: 14em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-panel-4 .rank-list .item-sum {
    float: right;
    text-align: right
}

.page-panel-4 .rank-list .hover-name {
    display: none;
    position: absolute;
    top: 26px;
    left: 255px;
    padding: 10px 16px;
    background: #fff;
    border-radius: 4px;
    z-index: 10;
    color: #487fae !important;
    white-space: nowrap
}

.page-panel-4 .rank-list .hover-name.bottom {
    bottom: 26px;
    top: unset
}

.page-panel-5 {
    position: absolute;
    top: 30px;
    left: 256px;
    right: 380px;
    height: 580px
}

.page-panel-5 .region-info-box {
    top: 0;
    left: 0;
    right: unset
}

.page-panel-5 .map-range {
    left: 0;
    bottom: 0;
    background: #fff;
    border-radius: 4px
}

.page-panel-5 .map-yangling {
    position: relative;
    z-index: 2;
    top: 368px;
    left: 270px;
    width: -moz-max-content;
    width: max-content;
    padding: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #003865;
    opacity: .8;
    cursor: pointer;
    display: none
}

.page-panel-5 .map-yangling.active {
    font-size: 14px;
    font-weight: 700
}

.page-panel-5 .map-yangling.menu {
    top: 374px;
    left: 294px
}

.page-panel-5 .map-yangling-tooltip-5 {
    z-index: 4;
    left: 242px;
    top: 326px;
    position: absolute;
    display: none
}

.page-panel-6 {
    right: 0;
    top: 30px;
    width: 360px;
    height: 580px
}

.page-panel-6 #page-panel-6 {
    width: 360px;
    height: 529px;
    z-index: 1
}

.page-panel-7 {
    right: 0;
    top: 1020px;
    width: 700px;
    height: 282px
}

.page-panel-7 #page-panel-7 {
    z-index: 1;
    height: 230px;
    padding: 0 32px
}

.page-panel-8 {
    width: 480px;
    height: 282px;
    left: 0;
    top: 1020px
}

.page-panel-8 .chart-content {
    height: 230px;
    padding: 0 32px
}

.page-panel-9 .info-box {
    padding: 20px 20px 28px
}

.page-panel-9 .info-box .label {
    text-indent: 0;
    margin-bottom: 4px
}

.page-panel-9 .info-box .label::before {
    display: none
}

.page-panel-9 .info-box .value {
    margin-bottom: 15px
}

.page-panel-9 .info-box .add {
    position: relative;
    color: #004480;
    font-size: 14px;
    text-indent: 36px;
    line-height: 50px;
    border-radius: 8px;
    background: rgba(241, 246, 254, .56)
}

.page-panel-9 .info-box .add::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 12px;
    width: 18px;
    height: 18px;
    background-image: url(../image/shanxi/sprite.png);
    background-repeat: no-repeat
}

.page-panel-9 .info-box .add span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    float: right;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
    text-indent: 0;
    margin-right: 12px
}

.page-panel-9 .info-box:nth-of-type(1) .add::before {
    background-position: -64px 0
}

.page-panel-9 .info-box:nth-of-type(2) .add::before {
    background-position: -128px 0
}

.page-panel-9 .info-box:nth-of-type(3) .add::before {
    background-position: -192px 0
}

.page-panel-9 .info-box:nth-of-type(4) .add::before {
    background-position: -256px 0
}

.page-panel-10 {
    width: 410px;
    height: 278px;
    left: 0;
    top: 270px
}

.page-panel-10 .chart-content {
    height: 226px;
    padding: 0 20px
}

.page-panel-11 {
    left: 0;
    top: 569px;
    width: 410px;
    height: 277px
}

.page-panel-11 #page-panel-11 {
    width: 410px;
    height: 226px;
    z-index: 1
}

.page-panel-12 {
    left: 0;
    top: 866px;
    width: 590px;
    height: 381px
}

.page-panel-12 #page-panel-12 {
    width: 590px;
    height: 329px;
    z-index: 1
}

.page-panel-13 {
    right: 0;
    top: 270px;
    width: 770px;
    height: 278px
}

.page-panel-13 #page-panel-13 {
    width: 770px;
    height: 226px;
    z-index: 1
}

.page-panel-14 {
    top: 569px;
    right: 0;
    width: 770px;
    height: 277px
}

.page-panel-14 #page-panel-14 {
    width: 770px;
    height: 225px;
    z-index: 1
}

.page-panel-15 {
    top: 866px;
    right: 0;
    width: 590px;
    height: 381px
}

.page-panel-15 #page-panel-15 {
    width: 590px;
    height: 329px;
    padding: 10px 32px 20px;
    z-index: 1
}

[pid=sub] .page-panel-12_sub .chart-title, [pid=sub] .page-panel-19_sub .chart-title {
    overflow: hidden;
    padding-left: 50px;
    line-height: 32px;
    white-space: nowrap;
    cursor: pointer
}

[pid=sub] .page-panel-10 .chart-content {
    width: 560px
}

[pid=sub] #page-panel-11 {
    width: 760px
}

[pid=sub] .page-panel-12_sub {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    width: 1200px;
    margin: 80px 0 40px;
    box-shadow: unset
}

[pid=sub] .page-panel-12_sub .chart-title {
    position: relative;
    margin: 20px 20px 0;
    color: #004480;
    font-size: 16px;
    font-weight: 700;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    background: linear-gradient(90deg, #c0e2ff 0, rgba(255, 255, 255, 0) 100%), url(../image/shanxi/c_t_bg.png) top 0 right 0/216px 32px no-repeat
}

[pid=sub] .page-panel-12_sub .chart-title::before {
    display: inline-block;
    position: absolute;
    content: "";
    top: 0;
    left: 30px;
    width: 6px;
    height: 32px;
    background: #fff;
    transform: skew(-25deg)
}

[pid=sub] .page-panel-12_sub .chart-title .sub-title {
    display: inline-block;
    color: transparent;
    margin-left: 8px;
    transform: scale(.5) translateY(8px);
    transform-origin: 0;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, rgba(0, 68, 127, .5) 0, rgba(0, 68, 127, 0) 100%)
}

[pid=sub] .page-panel-12_sub .ds-select {
    top: 84px;
    right: 32px
}

[pid=sub] .page-panel-12_sub #page-panel-12_sub {
    display: inline-block;
    width: 634px;
    height: 673px
}

[pid=sub] .page-panel-12_sub .list-box {
    float: right;
    width: 530px;
    height: 576px;
    margin: 32px 24px 0 0
}

[pid=sub] .page-panel-12_sub .list-box .list-panel {
    width: 530px;
    margin: 0
}

[pid=sub] #page-panel-13 {
    width: 760px
}

[pid=sub] #page-panel-14 {
    width: 1120px
}

.page-panel-16 .info-box:nth-of-type(1) .label::before {
    background-position: 0 -64px
}

.page-panel-16 .info-box:nth-of-type(2) .label::before {
    background-position: -64px -64px
}

.page-panel-16 .info-box:nth-of-type(3) .label::before {
    background-position: -128px -64px
}

.page-panel-16 .info-box:nth-of-type(4) .label::before {
    background-position: -192px -64px
}

.page-panel-16 .info-box:nth-of-type(5) .label::before {
    background-position: -256px -64px
}

.page-panel-16 .info-box:nth-of-type(6) .label::before {
    background-position: -320px -64px
}

.page-panel-17 {
    width: 460px;
    height: 280px;
    left: 0;
    top: 190px
}

.page-panel-17 .chart-content {
    height: 228px;
    padding: 0 20px
}

.page-panel-18 {
    width: 460px;
    height: 330px;
    left: 0;
    top: 490px
}

.page-panel-18 .chart-content {
    height: 277px;
    position: relative
}

.page-panel-18 .header-tabs {
    position: absolute;
    top: -43px;
    right: 12px;
    font-size: 12px;
    color: #6b93b7;
    line-height: 22px;
    cursor: pointer
}

.page-panel-18 .header-tabs .tab-item {
    float: left;
    margin-right: 4px;
    padding: 0 8px
}

.page-panel-18 .header-tabs .tab-item-current {
    color: #fff;
    background-color: #0189ff;
    border-radius: 2px;
    font-weight: 700
}

.page-panel-18 .rank-lists {
    margin-top: 16px;
    padding: 0 24px
}

.page-panel-18 .rank-list {
    display: none;
    height: 229px
}

.page-panel-18 .rank-list:first-child {
    display: block
}

.page-panel-18 .rank-list .tab-title {
    font-size: 12px;
    line-height: 14px;
    color: #004480;
    margin-bottom: 12px
}

.page-panel-18 .rank-list .title-icon {
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: #ffb355;
    margin-top: 1px;
    margin-right: 6px
}

.page-panel-18 .rank-list .title-domain {
    display: inline-block;
    margin-left: 24px;
    margin-right: 38px
}

.page-panel-18 .rank-list .title-name {
    display: inline-block
}

.page-panel-18 .rank-list .title-sum {
    float: right;
    margin-right: 23px
}

.page-panel-18 .rank-list .rank-item {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #487FAE;
    background-color: #f8fbff;
    padding: 0 24px;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative
}

.page-panel-18 .rank-list .rank-item:hover {
    color: #0189ff;
    background: #e9f4ff
}

.page-panel-18 .rank-list .item-order {
    display: inline-block;
    margin-right: 46px;
    vertical-align: top
}

.page-panel-18 .rank-list .order1 {
    color: #ff920c
}

.page-panel-18 .rank-list .order2 {
    color: #f76c68
}

.page-panel-18 .rank-list .order3 {
    color: #0189ff
}

.page-panel-18 .rank-list .item-name {
    display: inline-block;
    min-width: 168px;
    max-width: 14em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-panel-18 .rank-list .item-sum {
    float: right;
    text-align: right
}

.page-panel-18 .rank-list .hover-name {
    display: none;
    position: absolute;
    top: 26px;
    left: 255px;
    padding: 10px 16px;
    background: #FFF;
    box-shadow: 0 4px 16px rgba(39, 39, 90, .08);
    border-radius: 4px;
    z-index: 10;
    color: #487FAE !important;
    white-space: nowrap
}

.page-panel-18 .rank-list .hover-name.bottom {
    bottom: 26px;
    top: unset
}

.page-panel-19 {
    left: 0;
    top: 840px;
    width: 590px;
    height: 280px
}

.page-panel-19 #page-panel-19 {
    width: 590px;
    height: 228px;
    z-index: 1
}

.page-panel-20 {
    top: 190px;
    right: 0;
    width: 720px;
    height: 630px
}

.page-panel-20 .map-yangling-20 {
    position: relative;
    z-index: 2;
    top: 358px;
    left: 340px;
    width: -moz-max-content;
    width: max-content;
    padding: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #003865;
    opacity: .8;
    cursor: pointer;
    display: none
}

.page-panel-20 .map-yangling-20.active {
    font-size: 14px;
    font-weight: 700
}

.page-panel-20 .map-yangling-tooltip-20 {
    z-index: 4;
    left: 290px;
    top: 360px;
    position: absolute;
    display: none
}

.page-panel-21 {
    right: 0;
    top: 840px;
    width: 590px;
    height: 280px
}

.page-panel-21 #page-panel-21 {
    width: 590px;
    height: 228px;
    z-index: 1
}

[pid=sub] .page-panel-17 .chart-content {
    width: 560px
}

[pid=sub] .page-panel-19_sub {
    background: #fff;
    border-radius: 4px;
    position: absolute;
    width: 1200px;
    height: 474px !important;
    top: 80px;
    left: 0;
    box-shadow: unset;
    z-index: 1
}

[pid=sub] .page-panel-19_sub .chart-title {
    position: relative;
    margin: 20px 20px 0;
    color: #004480;
    font-size: 16px;
    font-weight: 700;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    background: linear-gradient(90deg, #c0e2ff 0, rgba(255, 255, 255, 0) 100%), url(../image/shanxi/c_t_bg.png) top 0 right 0/216px 32px no-repeat
}

[pid=sub] .page-panel-19_sub .chart-title::before {
    display: inline-block;
    position: absolute;
    content: "";
    top: 0;
    left: 30px;
    width: 6px;
    height: 32px;
    background: #fff;
    transform: skew(-25deg)
}

[pid=sub] .page-panel-19_sub .chart-title .sub-title {
    display: inline-block;
    color: transparent;
    margin-left: 8px;
    transform: scale(.5) translateY(8px);
    transform-origin: 0;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, rgba(0, 68, 127, .5) 0, rgba(0, 68, 127, 0) 100%)
}

[pid=sub] .page-panel-19_sub .ds-select {
    top: 84px;
    right: 32px
}

[pid=sub] .page-panel-19_sub #page-panel-19_sub {
    display: inline-block;
    width: 924px;
    height: 418px;
    left: 138px
}

[pid=sub] #page-panel-21 {
    width: 760px
}

.page-panel-22 .info-box:first-child {
    position: relative;
    flex: 0 0 460px
}

.page-panel-22 .info-box:nth-of-type(1) .label::before {
    background-position: 0 -128px
}

.page-panel-22 .info-box:nth-of-type(2) .label::before {
    background-position: -64px -128px
}

.page-panel-22 .info-box:nth-of-type(3) .label::before {
    background-position: -128px -128px
}

.page-panel-22 .info-box:nth-of-type(4) .label::before {
    background-position: -192px -128px
}

.page-panel-22 .info-box:nth-of-type(5) .label::before {
    background-position: -256px -128px
}

.page-panel-22 .info-box img {
    display: none
}

.page-panel-22 .entity-box {
    width: 248px
}

.page-panel-22 .entity-box li {
    display: inline-block
}

.page-panel-22 .entity-box li:nth-child(odd) {
    margin-right: 24px
}

.page-panel-23 {
    width: 460px;
    height: 308px;
    left: 0;
    top: 190px
}

.page-panel-23 .chart-content {
    height: 256px;
    padding: 0 20px
}

.page-panel-24 {
    width: 460px;
    height: 308px;
    left: 0;
    top: 518px
}

.page-panel-24 .chart-content {
    height: 256px;
    padding: 0 20px
}

.page-panel-25 {
    left: 0;
    top: 847px;
    width: 577px;
    height: 280px
}

.page-panel-25 #page-panel-25 {
    width: 577px;
    height: 228px;
    z-index: 1
}

.page-panel-26 {
    top: 190px;
    right: 0;
    width: 720px;
    height: 630px
}

.page-panel-26 .map-yangling-26 {
    position: relative;
    z-index: 2;
    top: 358px;
    left: 340px;
    width: -moz-max-content;
    width: max-content;
    padding: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #003865;
    opacity: .8;
    cursor: pointer;
    display: none
}

.page-panel-26 .map-yangling-26.active {
    font-size: 14px;
    font-weight: 700
}

.page-panel-26 .map-yangling-tooltip-26 {
    z-index: 4;
    left: 290px;
    top: 360px;
    position: absolute;
    display: none
}

.page-panel-27 {
    right: 0;
    top: 847px;
    width: 603px;
    height: 280px
}

.page-panel-27 #page-panel-27 {
    width: 603px;
    height: 228px;
    z-index: 1
}

[pid=sub] .page-panel-23 .chart-content, [pid=sub] .page-panel-24 .chart-content {
    width: 560px
}

[pid=sub] #page-panel-25, [pid=sub] #page-panel-27 {
    width: 760px
}

.page-panel-28 {
    width: 720px;
    height: 350px;
    left: 0;
    top: 76px
}

.page-panel-28 .chart-content {
    height: 298px;
    padding: 0 20px
}

.page-panel-29 {
    left: 0;
    top: 445px;
    width: 720px;
    height: 280px
}

.page-panel-29 #page-panel-29 {
    width: 720px;
    height: 228px;
    z-index: 1
}

.page-panel-30 {
    left: 0;
    top: 745px;
    width: 460px;
    height: 580px
}

.page-panel-30 #page-panel-30 {
    width: 460px;
    height: 528px;
    z-index: 1
}

.page-panel-31 {
    right: 0;
    top: 76px;
    width: 460px;
    height: 649px
}

.page-panel-31::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 98%;
    height: 20px;
    background-color: #fff;
    z-index: 999
}

.page-panel-31 .sub-title {
    width: 160px
}

.page-panel-31 .tab-box {
    position: absolute;
    right: 24px;
    top: 25px
}

.page-panel-31 .tab-box .tab-item {
    font-size: 12px;
    line-height: 22px;
    color: #6b93b7;
    padding: 0 8px;
    cursor: pointer;
    float: left;
    margin-right: 10px
}

.page-panel-31 .tab-box .tab-item.active {
    font-weight: 700;
    color: #fff;
    background-color: #0189ff
}

.page-panel-31 .tab-box .tab-item:last-child {
    margin-right: 0
}

.page-panel-31 .tab-content {
    width: 460px;
    height: 597px;
    padding: 20px 32px 30px;
    overflow-y: auto
}

.page-panel-31 .tab-content::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.page-panel-31 .tab-content::-moz-scrollbar {
    width: 8px;
    height: 8px
}

.page-panel-31 .tab-content::-ms-scrollbar {
    width: 8px;
    height: 8px
}

.page-panel-31 .tab-content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #DEE5EF
}

.page-panel-31 .tab-content::-webkit-scrollbar-track {
    border-radius: 0;
    background: #fff
}

.page-panel-31 .tab-content::-webkit-scrollbar-thumb:hover {
    background-color: #DEE5EF
}

.page-panel-31 .tab-content .colleges, .page-panel-31 .tab-content .enterprise {
    display: none
}

.page-panel-31 .tab-content .tab-content-panel {
    height: 542px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item {
    width: 396px;
    padding-bottom: 20px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des {
    position: relative;
    line-height: 16px;
    padding-left: 18px;
    color: #004480;
    font-weight: 600;
    font-family: PingFang SC;
    font-size: 0;
    padding-right: 24px;
    margin-bottom: 12px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-icon {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    left: 0;
    top: 1px;
    background-image: url(../image/shanxi/sprite.png)
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-icon.saveEnergy {
    background-position: 0 -192px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-icon.aerospace {
    background-position: -64px -192px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-icon.informationTransfer {
    background-position: -128px -192px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-icon.mine {
    background-position: -192px -192px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-icon.material {
    background-position: -256px -192px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-icon.agriculture {
    background-position: -320px -192px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-icon.newEnergy {
    background-position: -384px -192px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-icon.manufacturing {
    background-position: -448px -192px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-kind {
    display: inline-block;
    width: 80px;
    font-size: 12px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-name {
    position: absolute;
    display: inline-block;
    font-size: 12px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-title-des .industry-item-title-des-num {
    font-size: 12px;
    font-weight: 500;
    float: right
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-company-box {
    overflow: hidden
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-company-box .industry-item-company {
    font-size: 0;
    font-family: Microsoft YaHei;
    line-height: 30px;
    height: 30px;
    color: #487fae;
    padding: 0 24px;
    background-color: #f8fbff;
    margin-bottom: 4px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-company-box .industry-item-company:last-child {
    margin-bottom: 0
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-company-box .industry-item-company .industry-item-company-rank {
    display: inline-block;
    width: 17px;
    font-size: 14px;
    margin-right: 57px;
    vertical-align: middle
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-company-box .industry-item-company .industry-item-company-name {
    display: inline-block;
    font-size: 14px;
    max-width: 14em;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-company-box .industry-item-company .industry-item-company-num {
    float: right;
    font-size: 14px
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-company-box .industry-item-company:first-child .industry-item-company-rank {
    color: #ffb355
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-company-box .industry-item-company:nth-child(2) .industry-item-company-rank {
    color: #f76c68
}

.page-panel-31 .tab-content .tab-content-panel .industry-item .industry-item-company-box .industry-item-company:nth-child(3) .industry-item-company-rank {
    color: #0189ff
}

.page-panel-32 {
    width: 720px;
    height: 280px;
    right: 0;
    top: 745px
}

.page-panel-32 #page-panel-32 {
    height: calc(100% - 52px)
}

.page-panel-33 {
    width: 720px;
    height: 280px;
    right: 0;
    top: 1045px
}

.page-panel-33 .chart-content {
    height: 236px;
    padding: 0 20px
}

[pid=sub] .page-panel-28 .chart-content {
    width: 606px
}

[pid=sub] #page-panel-29 {
    width: 760px
}

[pid=sub] .page-panel-30_sub {
    background: #fff;
    border-radius: 4px;
    position: absolute;
    width: 1200px;
    height: 481px !important;
    top: 80px;
    left: 0;
    box-shadow: unset;
    z-index: 1
}

[pid=sub] .page-panel-30_sub .chart-title {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin: 20px 20px 0;
    padding-left: 50px;
    color: #004480;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    background: linear-gradient(90deg, #c0e2ff 0, rgba(255, 255, 255, 0) 100%), url(../image/shanxi/c_t_bg.png) top 0 right 0/216px 32px no-repeat
}

[pid=sub] .page-panel-30_sub .chart-title::before {
    display: inline-block;
    position: absolute;
    content: "";
    top: 0;
    left: 30px;
    width: 6px;
    height: 32px;
    background: #fff;
    transform: skew(-25deg)
}

[pid=sub] .page-panel-30_sub .chart-title .sub-title {
    display: inline-block;
    color: transparent;
    margin-left: 8px;
    transform: scale(.5) translateY(8px);
    transform-origin: 0;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, rgba(0, 68, 127, .5) 0, rgba(0, 68, 127, 0) 100%)
}

[pid=sub] .page-panel-30_sub .ds-select {
    top: 84px;
    right: 32px
}

[pid=sub] .page-panel-30_sub #page-panel-30_sub {
    width: 584px;
    height: 425px;
    left: 308px
}

[pid=sub] .page-panel-32 .chart-content {
    width: 1120px
}

[pid=sub] .page-panel-33_sub {
    background: #fff;
    border-radius: 4px;
    position: absolute;
    width: 1200px;
    height: 382px !important;
    top: 80px;
    left: 0;
    box-shadow: unset;
    z-index: 1
}

[pid=sub] .page-panel-33_sub .chart-title {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin: 20px 20px 0;
    padding-left: 50px;
    color: #004480;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    background: linear-gradient(90deg, #c0e2ff 0, rgba(255, 255, 255, 0) 100%), url(../image/shanxi/c_t_bg.png) top 0 right 0/216px 32px no-repeat
}

[pid=sub] .page-panel-33_sub .chart-title::before {
    display: inline-block;
    position: absolute;
    content: "";
    top: 0;
    left: 30px;
    width: 6px;
    height: 32px;
    background: #fff;
    transform: skew(-25deg)
}

[pid=sub] .page-panel-33_sub .chart-title .sub-title {
    display: inline-block;
    color: transparent;
    margin-left: 8px;
    transform: scale(.5) translateY(8px);
    transform-origin: 0;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, rgba(0, 68, 127, .5) 0, rgba(0, 68, 127, 0) 100%)
}

[pid=sub] .page-panel-33_sub .ds-select {
    top: 84px;
    right: 32px
}

[pid=sub] .page-panel-33_sub #page-panel-33_sub {
    position: absolute;
    top: 56px;
    width: 1200px;
    height: 326px
}

[pid=sub] .page-panel-33_sub .list-box {
    position: absolute;
    top: 382px;
    left: 40px;
    width: 1120px;
    height: 242px;
    margin: 0 auto;
    overflow: hidden
}

[pid=sub] .page-panel-33_sub .list-box .list-panel {
    width: 1120px;
    margin: 0
}

.page-panel-34 .info-box:last-child {
    position: relative;
    flex: 0 0 360px
}

.page-panel-34 p, .page-panel-35 .header-tabs {
    position: absolute;
    color: #6b93b7;
    font-size: 12px
}

.page-panel-34 .info-box:nth-of-type(1) .label::before {
    background-position: 0 -256px
}

.page-panel-34 .info-box:nth-of-type(2) .label::before {
    background-position: -64px -256px
}

.page-panel-34 .info-box:nth-of-type(3) .label::before {
    background-position: -128px -256px
}

.page-panel-34 .info-box:nth-of-type(4) .label::before {
    background-position: -192px -256px
}

.page-panel-34 .info-box:nth-of-type(5) .label::before {
    background-position: -256px -256px
}

.page-panel-34 p {
    bottom: -20px;
    line-height: 14px
}

.page-panel-35 {
    top: 190px;
    left: 0;
    width: 460px;
    height: 330px
}

.page-panel-35 .chart-content {
    height: 277px;
    position: relative
}

.page-panel-35 .header-tabs {
    top: -43px;
    right: 12px;
    line-height: 22px;
    cursor: pointer
}

.page-panel-35 .header-tabs .tab-item {
    float: left;
    margin-right: 4px;
    padding: 0 8px
}

.page-panel-35 .header-tabs .tab-item-current {
    color: #fff;
    background-color: #0189ff;
    border-radius: 2px;
    font-weight: 700
}

.page-panel-35 .rank-lists {
    margin-top: 16px;
    padding: 0 24px
}

.page-panel-35 .rank-list {
    display: none;
    height: 229px
}

.page-panel-35 .rank-list:first-child {
    display: block
}

.page-panel-35 .rank-list .tab-title {
    font-size: 12px;
    line-height: 14px;
    color: #004480;
    margin-bottom: 12px
}

.page-panel-35 .rank-list .title-icon {
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: #ffb355;
    margin-top: 1px;
    margin-right: 6px
}

.page-panel-35 .rank-list .title-domain {
    display: inline-block;
    margin-left: 24px;
    margin-right: 38px
}

.page-panel-35 .rank-list .title-name {
    display: inline-block
}

.page-panel-35 .rank-list .title-sum {
    float: right;
    margin-right: 23px
}

.page-panel-35 .rank-list .rank-item {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #487FAE;
    background-color: #f8fbff;
    padding: 0 24px;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative
}

.page-panel-35 .rank-list .rank-item:hover {
    color: #0189ff;
    background: #e9f4ff
}

.page-panel-35 .rank-list .item-order {
    display: inline-block;
    margin-right: 46px;
    vertical-align: top
}

.page-panel-35 .rank-list .order1 {
    color: #ff920c
}

.page-panel-35 .rank-list .order2 {
    color: #f76c68
}

.page-panel-35 .rank-list .order3 {
    color: #0189ff
}

.page-panel-35 .rank-list .item-name {
    display: inline-block;
    min-width: 168px;
    max-width: 14em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-panel-35 .rank-list .item-sum {
    float: right;
    text-align: right
}

.page-panel-35 .rank-list .hover-name {
    display: none;
    position: absolute;
    top: 26px;
    left: 255px;
    padding: 10px 16px;
    background: #FFF;
    box-shadow: 0 4px 16px rgba(39, 39, 90, .08);
    border-radius: 4px;
    z-index: 10;
    color: #487FAE !important;
    white-space: nowrap
}

.page-panel-35 .rank-list .hover-name.bottom {
    bottom: 26px;
    top: unset
}

.page-panel-36 {
    top: 540px;
    left: 0;
    width: 460px;
    height: 280px
}

.page-panel-36 .chart-content {
    height: 228px;
    padding: 0 20px
}

.page-panel-37 {
    top: 840px;
    left: 0;
    width: 603px;
    height: 280px
}

.page-panel-37 #page-panel-37 {
    width: 603px;
    height: 228px;
    z-index: 1
}

.page-panel-38 {
    top: 190px;
    right: 0;
    width: 720px;
    height: 630px
}

.page-panel-38 .region-info-box {
    width: 205px
}

.page-panel-38 .map-yangling-38 {
    position: relative;
    z-index: 2;
    top: 358px;
    left: 340px;
    width: -moz-max-content;
    width: max-content;
    padding: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #003865;
    opacity: .8;
    cursor: pointer;
    display: none
}

.page-panel-38 .map-yangling-38.active {
    font-size: 14px;
    font-weight: 700
}

.page-panel-38 .map-yangling-tooltip-38 {
    z-index: 4;
    left: 290px;
    top: 360px;
    position: absolute;
    display: none
}

.page-panel-39 {
    top: 840px;
    right: 0;
    width: 577px;
    height: 280px
}

.page-panel-39 #page-panel-39 {
    width: 577px;
    height: 228px;
    z-index: 1
}

[pid=sub] .page-panel-36 .chart-content {
    width: 560px
}

[pid=sub] #page-panel-37, [pid=sub] #page-panel-39 {
    width: 760px
}