/* 数据分析 */
.data-item { width: 100%;}
.data-item > div { display: none; width: 100%; height: 100%;}
.data-item > div.show { display: block; width: 100%; height: 100%;}
.data-item .data-tl { height: 36px; line-height: 36px; color: #16244c; font-size: 20px; text-align: left; font-weight: bold;}
.data-item .data-line { width: 100%; height: 2px; background-color: #e7e7e7; }
.data-item .em-box{ width: 279px; height: 180px; position: absolute; top: 50%; left: 50%; margin: -90px 0 0 -139px;}
.data-item .em-box span { display: block; margin: 0 auto;}
.data-item .em-box p { font-size: 15px; line-height: 18px; color: #dcdcdd; text-align: center; margin: 15px auto 27px;}
.data-item .em-box a { display: block; margin: 0 auto; font-size: 23px; line-height: 49px; color: #ffffff; text-align: center; font-weight: bold;}

.data-item .box2 { padding: 24px 65px 0 65px;}
.data-item .box2 .em-box { width: 420px; height: 180px; position: absolute; top: 50%; left: 50%; margin: -90px 0 0 -210px;}

.data-item .box3 { padding: 24px 65px 0 65px;}
.data-item .chebox { height: 50px; line-height: 50px; font-size: 0; text-align: left;}
.data-item .chebox p,.data-item .chebox .input-box{ display: inline-block; vertical-align: middle;}
.data-item .chebox .input-box { width: 325px; height: 36px; line-height: 36px; border: 1px solid #8a91a5; position: relative;}
.data-item .chebox select { width: 100%; height: 100%; font-size: 16px; color: #16244c; padding: 0 0 0 13px; border: 0;
    -webkit-appearance: none; /* 移除原生样式 */
    -moz-appearance: none;    /* 兼容Firefox */
    appearance: none;         /* 兼容其他浏览器 */}
.data-item .chebox select::-webkit-calendar-picker-indicator { background: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.data-item .chebox .input-box i { position: absolute; top: 50%; right: 10px; margin: -6px 0 0 0;}
.data-item .chebox a { float: right; font-size: 14px; line-height: 24px; color: #fc8b2c; text-align: center; margin-top: 12px;}
.data-item .chebox a:hover { color: #16244c;}
.data-item .tl2 { margin: 18px auto 12px;}
.data-item .yedata { display: flex; justify-content: space-between; margin-bottom: 20px;}
.data-item .yedata li { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; flex-direction: column;}
.data-item .yedata p { font-size: 14px; line-height: 22px; color: #888787; }
.data-item .yedata span { font-size: 24px; line-height: 28px; color: #fc8b2c; font-weight: bold;}
.data-item .tab-box { display: flex; height: 480px;}
.data-item .sw-data-tab { width: 138px;}
.data-item .tab-box ul { width: 138px; padding: 12px 0 0 0 ; display: block;}
.data-item .tab-box li { display: flex; font-size: 14px; height: 45px;font-weight: bold;}
.data-item .tab-box li a { color: #16244c; text-decoration: none;}
.data-item .tab-box li i { display: inline-block; vertical-align: middle; margin-right: 8px; position: relative; top: -1px;}
.data-item .tab-box li i.on { display: none;}
.data-item .tab-box li a { display: flex; align-items: center;}
.data-item .tab-box li.active a { color: #fc8b2c; font-weight: bold;}
.data-item .tab-box li.active i { display: none;}
.data-item .tab-box li.active i.on { display: inline-block; vertical-align: middle;}
.data-item .tab-box li:hover a { color: #fc8b2c;}
.data-item .tab-box .line2 { width: 2px; height: 445px; background-color: #e7e7e7;}
.data-item .inner-box { padding: 12px 0 0 42px; width: 948px; position: relative;}
.data-item .inner-box p.tit { display: flex; align-items: center; font-size: 14px; line-height: 30px; color: #fc8b2c; font-weight: bold;}
.data-item .inner-box p.tit i { display: none;}
.data-item .inner-box p.tit i.on { display: block; margin-right: 8px; position: relative; top: -1px;}
.data-item .inner-box p.tl { font-size: 13px; line-height: 16px; color: #888787; padding: 0 0 0 22px; text-align: left;}
.data-item .inner-box .btn-ground { width: 266px; height: 34px; position: absolute; top: 12px; right: 0; display: flex;}
.data-item .inner-box .btn-ground a { line-height: 34px; color: #96959d; font-size: 14px; text-align: center; width: 50%; border: 1px solid #8a91a5;}
.data-item .inner-box .btn-ground a:nth-child(1){ border-right: 0;}
.data-item .inner-box .btn-ground a:nth-child(2){ border-left: 0;}
.data-item .inner-box .btn-ground a.on { color: #fff; background: #fc8b2c; border: 0; pointer-events: none;}
.data-item .inner-box .btn-ground a:hover { background: #fc8b2c; border: 0;}
.data-item .data-box { width: 963px; height: 430px; position: relative; left: -50px; -webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;-moz-transform-origin: 0 0; transform-origin: 0 0;}

.data-item .tooltip-box { width: 190px; height: 90px; border-radius: 4px; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start;}
.data-item .tooltip-box>span { font-size: 14px; line-height: 20px; color: #000;}
.data-item .tooltip-box>div { width: 190px; height: 40px; background: #fff; border-radius: 4px; display: flex; justify-content: space-between; padding: 0 7px;}
.data-item .tooltip-box>div p { font-size: 16px; line-height: 40px; color: #303d50;}
.data-item .tooltip-box>div span { font-size: 16px; line-height: 40px; color: #000;}

/* 第二部分 搜索 */
.data-item .sel-box { position: relative;}
.data-item .sel { width: 100%; height: 145px; position: absolute; top: 42px; left: 0; box-shadow: 2px 2px 12px #0000003d; display: none; pointer-events: none; background: #fff;}
.data-item .sel.show { display: block;}
.data-item .sel .inp-sea { width: 100%; height: 40px; position: relative; display: flex;}
.data-item .sel input { width: 304px; height: 26px; line-height: 26px; margin: 7px auto 0; padding: 0 0 0 7px; font-size: 15px; color: #888787; outline: none; border: 1px solid #8a91a5; pointer-events: all;}
.data-item .sel input::placeholder { color: #888787;}
.data-item .sel ul { height: 90px; overflow-x: hidden; overflow-y: auto; pointer-events: all;}
.data-item .inp-sel { cursor: pointer;}
.data-item .inp-sel p { color: #96959d; font-size: 16px; line-height: 36px; padding: 0 0 0 10px;}
.data-item .sel ul::-webkit-scrollbar-track{background: transparent;}
.data-item .sel ul::-webkit-scrollbar{background: transparent;width: 2px;}
.data-item .sel ul::-webkit-scrollbar-thumb{background: #888787;border-radius:2px;}

.data-item .sel li { width: 100%; height: 30px; font-size: 16px; line-height: 30px; color: #888787; text-align: left; clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 97% 100%, 0% 100%); padding-left: 13px; cursor: pointer;}
.data-item .sel li:hover { background: #fc8b2c; color: #fff;}
.data-item .sel .inp-sea i { position: absolute; top: 50%; right: 16px; margin: -8px 0 0 0; cursor: pointer; z-index: 2; pointer-events: all;}