*,p,ul,ol {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
}
html, body {
    width: 100%;
    margin: 0 auto;
}
html {
    font-size: 312.5%; /*0.2rem=10px  1rem=50px*/
    -webkit-tap-highlight-color: transparent;
}
body {
    font-family: "SourceHanSansCN-Regular", "Microsoft YaHei UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: 1200px;
    line-height: 1.5;
    font-size: .28rem;
    font-weight: 400;
    background-color: #fff;
    color: #333;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
input::-webkit-input-placeholder,
input:-ms-input-placeholder {
    color: #aab1b8;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
    color: #444D54;
}
.display-none {
    display: none !important;
}
.display-block {
    display: block !important;
}
.visibility-hidden {
    visibility: hidden;
}
.visibility-visible {
    visibility: visible;
}
.bg-white {
    background: #fff;
}
.min-width-1200 {
    margin: 0 auto;
    width: 1200px;
}
body>#marker {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
header.earth {
    position: absolute;
    width: 100%;
}
header {
    width: 100%;
    height: 1.36rem;
    font-size: .32rem;
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #267BBA 50%, #267BBA 100%);
    box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .3);
}
header nav {
    height: 1.36rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 1.36rem;
    background: #267BBA url("../images/nav-logo.png") no-repeat left center / auto 100%;
}
header>nav>ul {
    display: flex;
    align-items: center;
    height: 1.36rem;
}
header>nav>ul>li {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: .64rem;
    height: 1.36rem;
    padding-top: .1rem;
    border-bottom: .1rem solid #267BBA;
}
header>nav>ul>li ul {
    position: absolute;
    top: 1.26rem;
    left: -.14rem;
    background: #267BBA;
    border-bottom: 1px solid #267BBA;
}
header>nav>ul>li ul>li {
    /* width: 1.6rem; */
    padding: 0 .22rem;
    white-space:nowrap;
    line-height: .8rem;
    text-align: center;
    border-bottom: .1rem solid #267BBA;
}
header>nav>ul>li ul>li>a {
    color: #fff;
}
header>nav>ul>li.active,
header>nav>ul>li:hover,
header>nav>ul>li ul>li:hover {
    border-bottom: .1rem solid #F2EFEA;
}

header>nav>ul>li>a {
    color: #fff;
}
header nav .language-setting {
    display: flex;
    margin-left: 1.36rem;
    width: 1.76rem;
    height: .48rem;
    border: 1px solid #ffff00;
    border-radius: 1rem;
    font-size: .28rem;
}
header nav .language-setting>span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    color: #fff;
    cursor: pointer;
}
header nav .language-setting>span.active {
    background: #fff;
    color: #2373A3;
}
header nav .language-setting>span.ch.active {
    border-radius: 1rem 0 0 1rem;
}
header nav .language-setting>span.en.active {
    border-radius: 0 1rem 1rem 0;
}
footer .links {
    width: 100%;
    min-height: 3.52rem;
    /* background: #FAFAFA; */
}
footer .links .content {
    padding: .38rem 1.44rem;
}
footer .links .title {
    height: .54rem;
    line-height: .54rem;
    padding-left: .2rem;
    margin-bottom: .28rem;
    font-size: .32rem;
    font-weight: bold;
    border-left: .12rem solid #2373A3;
    color: #444D54;
}
footer .links .list {
    display: flex;
    flex-wrap: wrap;
    /* margin-left: 0.4rem; */
    background: #FAFAFA;
    padding: 0.8rem 0.4rem;
}
footer .links .list a {
    position: relative;
    display: inline-flex;
    width: 33.33%;
    padding-left: .38rem;
    padding-right: .2rem;
    margin-bottom: .32rem;
    color: rgba(0, 0, 0, 0.54);
}
footer .links .list a::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: .14rem;
    height: .14rem;
    margin-top: -.07rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
}
footer .company-qr-info-container {

}
footer .company-qr-info-container .content {
    display: flex;
    justify-content: space-between;
    margin: 0 1rem;
    padding: .5rem;
}
footer .company-qr-info-container .content .company-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: .28rem;
}
footer .company-qr-info-container .content .company-info div {
    color: rgba(0, 0, 0, 0.54);
}
footer .company-qr-info-container .content .company-info .copyright {
    color: #9B9B9B;
}
footer .company-qr-info-container .company-info img {
    width: 6rem;
    height: .9rem;
}
footer .company-qr-info-container .qr-info {
    display: flex;
    font-size: .24rem;
    color: rgba(0, 0, 0, 0.54);
}
footer .company-qr-info-container .qr-info p {
    margin-left: .48rem;
    text-align: center;
}
footer .company-qr-info-container .qr-info p span {
    display: block;
    width: 2.4rem;
}
footer .company-qr-info-container .qr-info img {
    display: block;
    width: 2.4rem;
    height: 2.4rem;

}
.search-container {
    width: 100%;
    min-height: 2.8rem;
    background: #FAFAFA;
}
.search-container .content {
    display: flex;
    flex-direction: column;
    min-height: 1.38rem;
    padding: .6rem 0;
}
.search-container .content .input {
    display: flex;
    justify-content: space-between;
    width: 12.4rem;
    height: .8rem;
    margin-left: 5.8rem;
    background: #fff;
    border-radius: .2rem;
    border: 2px solid #D3D3D3;
}
.search-container .content .input input {
    flex: 1;
    height: .8rem;
    padding: .2rem .24rem;
    border: 0;
    background: transparent !important;
    outline:none;
}
.search-container .content .input .btn-type {
    display: flex;
    align-items: center;
    height: .8rem;
}
.search-container .content .input .search {
    display: flex;
    align-items: center;
    width: .48rem;
    height: .48rem;
}
.search-container .content .input .line {
    display: flex;
    align-items: center;
    width: 2px;
    height: .5rem;
    background: #EDEDED;
    margin-left: .4rem;
}
.search-container .content .input .change-type {
    display: flex;
    align-items: center;
    height: .8rem;
    padding: 0 .4rem;
    cursor: pointer;
}
.search-container .content .input img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.search-container .content .input .change-type img {
    width: .36rem;
    height: .08rem;
}
.search-container .content .keyword {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .3rem;
    margin-left: 5.8rem;
    width: 12.4rem;
    font-size: .24rem;
    color: #9B9B9B;
}
.search-container .content .keyword em {
    font-style: normal;
    margin-right: .3rem;
    margin-bottom: .2rem;
}
.search-container .content .keyword span {
    padding: .08rem .4rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    background: #FAFAFA;
    border-radius: .4rem;
    border: 2px solid #D3D3D3;
    cursor: pointer;
}
.search-container .content .keyword span:first-child {
    margin-left: .3rem;
}
.search-container .content .type-area-content {
    display: flex;
    align-items: center;
    height: .8rem;
    margin-top: .2rem;
    margin-left: 4.4rem;
    font-size: .24rem;
}
.search-container .content .type-area-content .title {
    margin-right: .2rem;
}
.search-container .content .type-area-content #type {
    width: 6.18rem;
    height: .8rem;
    margin-right: .6rem;
    background: #fff;
    border-radius: .1rem;
    border: 2px solid #D3D3D3;
}
.search-container .content .type-area-content .choose-area {
    margin-left: .6rem;
}
.search-container .content .type-area-content #area {
    width: 5rem;
    height: .8rem;
    background: #fff;
    border-radius: .1rem;
    border: 2px solid #D3D3D3;
}
.search-container .content .type-area-content .select2-container--default .select2-selection--multiple {
    border: 0;
}
.search-container .content .type-area-content .select2-container--default .select2-search--inline .select2-search__field {
    height: 24px;
}
.search-container .content .type-area-content .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 8px;
}
.search-container .content .type-area-content .select2-container {
    height: .8rem;
    background: #fff;
    border-radius: .1rem;
    border: 2px solid #D3D3D3;
}
.search-container .content .type-area-content .search-btn {
    text-align: center;
    line-height: .8rem;
    width: 2.1rem;
    height: .8rem;
    margin-left: .3rem;
    background: #267BBA;
    border-radius: .1rem;
    font-size: .28rem;
    color: #fff;
}
.data-list-container {
    flex: 1;
}
.data-list-container .list-content {
    margin: .48rem 1.44rem .64rem;
}
.data-list-container .list-content>.title {
    height: .54rem;
    line-height: .54rem;
    padding-left: .2rem;
    margin-bottom: .38rem;
    font-size: .32rem;
    font-weight: bold;
    border-left: .12rem solid #2373A3;
    color: #444D54;
}
.data-list-container .list-content .list {
    display: flex;
    flex-wrap: wrap;
}
.data-list-container .list-content .item {
    display: inline-flex;
    width: calc(50% - .16rem);
    height: 4.6rem;
    padding: .3rem;
    padding-bottom: .4rem;
    margin-bottom: .32rem;
    background: #FAFAFA;
    border-radius: .1rem;
    color: #444D54;
    cursor: pointer;
}
.data-list-container .list-content .item:nth-child(odd) {
    margin-right: .32rem;
}
.data-list-container .list-content .item>img {
    width: 3.9rem;
    height: 3.9rem;
    margin-right: .4rem;
}
.data-list-container .list-content .item .content {
    position: relative;
    flex: 1;
    font-size: .24rem;
}
.data-list-container .list-content .item .content .title {
    margin-bottom: .4rem;
    font-size: .36rem;
    font-weight: bold;
}
.data-list-container .list-content .item .content p {
    display: flex;
    align-items: center;
}
.data-list-container .list-content .item .content p.time {
    position: absolute;
    bottom: 0;
}
.data-list-container .list-content .item .content img {
    width: .32rem;
    height: .34rem;
    margin-right: .16rem;
}
.data-list-container .no-data {
    text-align: center;
    margin: 1.56rem 0;
    font-size: .32rem;
    color: #444D54;
}
.data-list-container .no-data img {
    width: 4.02rem;
    height: 2.68rem;
    margin-bottom: .4rem;
}
/* 详情 */

.data-detail-container {
    display: flex;
    justify-content: space-between;
    padding: 1.24rem;
    padding-top: .64rem;
}
.data-detail-container .detail-content {
    width: 12.48rem;
}
.data-detail-container .detail-content .head {
    display: flex;
    margin-bottom: .48rem;
}
.data-detail-container .detail-content .head img {
    width: 7.6rem;
    height: 4.54rem;
    margin-right: .42rem;
}
.data-detail-container .detail-content .head .title-btn-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.data-detail-container .detail-content .head .title-btn-group .title {
    font-size: .48rem;
    color: #444D54;
}
.data-detail-container .detail-content .head .title-btn-group .btn-group div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.08rem;
    height: .88rem;
    border-radius: .5rem;
    font-size: .32rem;
    cursor: pointer;
}
.data-detail-container .detail-content .head .title-btn-group .btn-group .download-btn {
    color: #fff;
    background: #267BBA;
    margin-bottom: .32rem;
}
.data-detail-container .detail-content .head .title-btn-group .btn-group .view-report {
    color: #267BBA;
    border: 2px solid #267BBA;
}
.data-detail-container .detail-content .content {
    font-size: .28rem;
    color: #444D54;
}
.data-detail-container .panel>.title {
    height: .54rem;
    line-height: .54rem;
    padding-left: .2rem;
    margin-top: .38rem;
    margin-bottom: .36rem;
    font-size: .32rem;
    font-weight: bold;
    border-left: .12rem solid #2373A3;
    color: #444D54;
}
.data-detail-container .panel>ul {
    margin-left: .34rem;
    color: #444D54;
}
.data-detail-container .panel>ul>li {
    display: flex;
    background: #FAFAFA;
    margin-bottom: .16rem;
    padding: .2rem .46rem;
}
.data-detail-container .panel>ul>li .title {
    width: 4.14rem;
    font-size: .28rem;
    font-weight: bold;
}
.data-detail-container .panel>ul>li>p:nth-child(2) {
    flex: 1;
}
.data-detail-container .panel>ul>li>p:nth-child(2)>span {
    display: block;
}
.data-detail-container .panel.associated>ul>li>p span {
    display: block;
}
.data-detail-container .panel.associated>ul>li>p span.min-title {
    color: #267BBA;
    text-decoration: underline;
}
.data-detail-container .panel.associated>ul>li>p span.line {
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #D3D3D3;
}





.data-detail-container .go-earth {
    width: 6.4rem;
    padding: .48rem .64rem;
    font-size: .24rem;
    color: #444D54;
    background: #FAFAFA;
}
.data-detail-container .go-earth>img {
    width: 5.12rem;
    height: 3.54rem;
    margin-bottom: .28rem;
}
.data-detail-container .go-earth .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.14rem;
    height: .88rem;
    margin-bottom: .54rem;
    font-size: .32rem;
    color: #267BBA;
    background: #FFFFFF;
    border-radius: .5rem;
    border: 2px solid #267BBA;
    cursor: pointer;
}
.data-detail-container .go-earth .btn img {
    width: .58rem;
    height: .58rem;
    margin-right: .2rem;
}
.data-detail-container .go-earth .line {
    width: 100%;
    height: 2px;
    margin-bottom: .4rem;
    background: #D3D3D3;
}
.data-detail-container .go-earth p.en-time {
    margin: .4rem 0;
}
.report-download-layer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
}
.report-download-layer .report-download-content {
    width: 20rem;
    height: 13.02rem;
    background: #FFFFFF;
    box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .2);
    border: 2px solid #979797;
}
.report-download-layer .report-download-content>.title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .48rem;
    padding-bottom: .48rem;
    margin: .48rem;
    margin-bottom: .2rem;
    border-bottom: 2px solid #D3D3D3;
    color: #444D54;
}
.report-download-layer .report-download-content .title img {
    width: .48rem;
    height: .48rem;
}
.report-download-layer .report-download-content .content {
    display: flex;
    height: calc(13.02rem - 2.04rem);
    margin: 0 .48rem;
    background: #fff;
}
.report-download-layer .report-download-content .content .report-list {
    width: 5.16rem;
    margin-right: .32rem;
    overflow-y: auto;
    /* height: calc(13.02rem - 1.04rem); */
    padding: 0.4rem 0;
}
.report-download-layer .report-download-content .content .report-list::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.report-download-layer .report-download-content .content .report-list::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.report-download-layer .report-download-content .content .report-list::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
.report-download-layer .report-download-content .content .report-list .title {
    font-size: .36rem;
    font-weight: bold;
    margin-bottom: .32rem;
    color: #444D54;
}
.report-download-layer .report-download-content .content .report-list ul>li {
    padding: .1rem;
    color: #444D54;
}
.report-download-layer .report-download-content .content .report-list ul>li.active {
    background: #E7F5FF;
}
.report-download-layer .report-download-content .content .report-list .download-btn {
    width: 100%;
    height: .88rem;
    text-align: center;
    line-height: .88rem;
    margin-top: .4rem;
    color: #fff;
    background: #267BBA;
    border-radius: .5rem;
}
.report-download-layer .report-download-content .content .report-list .line {
    width: 100%;
    height: 2px;
    margin: .4rem 0;
    background: #D3D3D3;
}
.report-download-layer .report-download-content .content .report-detail {
    position: relative;
    flex: 1;
    background: #FAFAFA;
    height: calc(13.02rem - 3.6rem);
}
.report-download-layer .report-download-content .content .report-detail>.content {
    width: 626px;
    height: 400px;
    overflow: auto;
    margin: 0 auto;
}
.report-download-layer .report-download-content .content .report-detail>.content img {
    width: 100%;
}
.report-download-layer .report-download-content .content .report-detail>.content::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 1px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
}
.report-download-layer .report-download-content .content .report-detail>.content::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.report-download-layer .report-download-content .content .report-detail>.content::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
.report-download-layer .report-download-content .content .report-detail .title {
    padding: .4rem;
    font-size: .36rem;
    color: #444D54;
}
.report-download-layer .report-download-content .content .report-detail .download-btn {
    position: absolute;
    left: 50%;
    bottom: -1.2rem;
    margin-left: -2.6rem;
    width: 5.2rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    font-size: .28rem;
    border-radius: .5rem;
    border: 2px solid #267BBA;
    cursor: pointer;
}


/* 地图 */
.earth-container {
    position: relative;
    /*flex: 1;*/
    /* margin-top: 1.36rem; */
}
.earth-container>.toggle-btn {
    position: absolute;
    left: .44rem;
    top: .4rem;
    width: .88rem;
    height: .88rem;
    cursor: pointer;
    transform: rotateY(180deg);
}
.earth-container .data-module {
    position: absolute;
    left: 0;
    width: 6rem;
    color: #fff;
    background: rgba(11, 96, 160, .5);
    /* flex: 1; */
    display: flex;
    flex-direction: column;
    /* height: calc(100vh - 1.36rem); */
    height: 100vh;
}
.earth-container .data-module .logo-back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.36rem;
    cursor: pointer;
    background: #fff;
}
.earth-container .data-module .logo-back img {
    width: 3.46rem;
    height: 0.96rem;
}
.earth-container .data-module.animation-one {
    animation: animationstart .8s;
    animation-fill-mode:forwards
}
@keyframes animationstart {
    0%   {
        left: 0;
    }
    100% {
        left: -7rem;
    }
}
.earth-container .data-module.animation-two {
    animation: animationend .5s;
    animation-fill-mode:forwards
}
@keyframes animationend {
    0%   {
        left: -7rem;
    }
    100% {
        left: 0;
    }
}
.earth-container .data-module .toggle-btn {
    position: absolute;
    right: -.44rem;
    top: .4rem;
    width: .88rem;
    height: .88rem;
    cursor: pointer;
}
.earth-container .data-module .add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 4.24rem;
    height: .88rem;
    margin-top: 1.08rem;
    font-size: .28rem;
    background: #267BBA;
    border-radius: .5rem;
    border: 2px solid #267BBA;
    cursor: pointer;
}
.earth-container .data-module .add-btn img {
    width: .3rem;
    height: .36rem;
    margin-right: .2rem;
}
.earth-container .data-module .line {
    margin: 0 auto;
    margin-top: .34rem;
    margin-bottom: .2rem;
    width: 5.14rem;
    height: 2px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.earth-container .data-module>p {
    display: flex;
    justify-content: flex-end;
    font-size: .24rem;
    margin-right: .3rem;
    cursor: pointer;
}
.earth-container .data-list-container {
    height: calc(100vh - 8rem);
    overflow-y: auto;
}
.earth-container .data-list-container::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.earth-container .data-list-container::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.earth-container .data-list-container::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
.earth-container .data-module .data-list-container>ul {
    width: 5.14rem;
    margin-top: .16rem;
}
.earth-container .data-module .data-list-container>ul>li {
    width: 100%;
    padding: .24rem;
    margin-left: .5rem;
    margin-bottom: .16rem;
    background: rgba(11, 96, 160, 0.8);
    border-radius: .08rem;
}
.earth-container .data-module .data-list-container>ul>li .head {
    display: flex;
    align-items: center;
}
.earth-container .data-module .data-list-container>ul>li .head img {
    cursor: pointer;
}
.earth-container .data-module .data-list-container>ul>li .head img.del {
    width: .28rem;
    height: .28rem;
    margin-right: .18rem;
}
.earth-container .data-module .data-list-container>ul>li .head img.triangle {
    width: .2rem;
    height: .14rem;
}
.earth-container .data-module .data-list-container>ul>li .head img.triangle.rotate {
    transform: rotateX(180deg);
}
.earth-container .data-module .data-list-container>ul>li .head span {
    flex: 1;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.earth-container .data-module .data-list-container>ul>li .content {
    /*overflow: visible !important;*/
}
.earth-container .data-module .data-list-container>ul>li .content .tips {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: .1rem;
    margin-bottom: .24rem;
    font-size: .2rem;
}
.earth-container .data-module .data-list-container>ul>li .content .tips.flex-start {
    justify-content: flex-start;
}
.earth-container .data-module .data-list-container>ul>li .content .tips>span>span {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    margin-right: 2px;
    /*background: #E1514C;*/
}
.earth-container .data-module .data-list-container>ul>li .content .tips>span {
    margin-right: 5px;
}
.earth-container .data-module .data-list-container>ul>li .content .tips>span:last-child {
    margin-right: 0;
}
.earth-container .data-module .data-list-container>ul>li .content .control {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.earth-container .data-module .data-list-container>ul>li .content .control p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.26rem;
    height: .44rem;
    font-size: .2rem;
    border: 2px dotted rgba(255, 255, 255, .2);
    cursor: pointer;
}
.earth-container .data-module .data-list-container>ul>li .content .control p img {
    width: .24rem;
    height: .24rem;
    margin-right: .12rem;
}
.earth-container .data-module .data-list-container>ul>li .content p.transparency {
    display: flex;
    align-items: center;
    margin: .24rem 0;
    padding-top: 3px;
    font-size: .24rem;
    overflow: hidden;
}
.earth-container .data-module .data-list-container>ul>li .content p.transparency .time-range {
    flex: 1;
}
.earth-container .data-module .data-list-container>ul>li .content p.transparency span.val {
    margin-right: .3rem;
}
.earth-container .data-module .data-list-container>ul>li .content .time {
    display: flex;
    align-items: center;
    font-size: .24rem;
}
.earth-container .data-module .data-list-container>ul>li .content .time div {
    position: relative;
    display: flex;
    align-items: center;
    width: 3.08rem;
    height: .64rem;
    padding: 0 .16rem;
    margin: 0 .32rem;
    background: #267BBA;
    border-radius: .1rem;
}
.earth-container .data-module .data-list-container>ul>li .content .time div span {
    text-align: center;
    flex: 1;
}
.earth-container .data-module .data-list-container>ul>li .content .time div img {
    width: .15rem;
    height: .2rem;
}
.earth-container .data-module .data-list-container>ul>li .content .time img {
    width: .4rem;
    height: .3rem;
    cursor: pointer;
}
.earth-container .data-module .data-list-container>ul>li .content .time img.show-close-btn {
    height: .2rem;
}
.earth-container .data-module .data-list-container>ul>li .content .time ul {
    position: absolute;
    top: .64rem;
    left: 0;
    text-align: center;
    line-height: .6rem;
    width: 3.08rem;
    max-height: 3rem;
    background: #fff;
    color: #444D54;
    box-shadow: 0 .1rem .2rem  0 rgba(0, 0, 0, .2);
    overflow-y: scroll;
}
.earth-container .data-module .data-list-container>ul>li .content .time ul>li {
    cursor: pointer;
}
.earth-container .data-module .data-list-container>ul>li .content .time .chooseDate {
    cursor: pointer;
}
.earth-container .data-view {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: calc(50% + 3rem);
    /*top: 50%;*/
    top: 2rem;
    width: 20rem;
    /*height: 12.3rem;*/
    height: 615px;
    margin-left: -10rem;
    /*margin-top: -6.2rem;*/
    background: #fff;
    box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .2);
}
.earth-container .data-view .head {
    position: relative;
    width: 20rem;
    /*max-height: 2.3rem;*/
    padding: .3rem .5rem;
    padding-bottom: 0;
    background: #E7F5FF;
    color: #444D54;
    box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.1);
    /*overflow-y: auto;*/
}
.earth-container .data-view .head::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.earth-container .data-view .head::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.earth-container .data-view .head::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
.earth-container .data-view .head>img {
    cursor: pointer;
    position: absolute;
    right: .5rem;
    width: 0.48rem;
    height: 0.48rem;
}
.earth-container .data-view .head>span {
    display: inline-block;
    padding: .1rem .2rem;
    margin-right: .3rem;
    margin-bottom: .3rem;
    background: #DDEFFC;
    border-radius: .3rem;
    cursor: pointer;
}
.earth-container .data-view .head>span.active {
    color: #fff;
    background: #267BBA;
}
.earth-container .data-view>.content {
    display: flex;
    flex: 1;
    padding: .2rem .3rem;
}
.earth-container .data-view .content .report-list {
    width: 5.9rem;
    overflow-y: auto;
}
.earth-container .data-view .content .report-list::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.earth-container .data-view .content .report-list::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.earth-container .data-view .content .report-list::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
.earth-container .data-view .content .report-list p.title {
    margin-top: .3rem;
    font-size: .32rem;
    font-weight: bold;
    color: #444D54;
}
.earth-container .data-view .content .report-list>ul {
    margin-top: .2rem;
    margin-bottom: .36rem;
}
.earth-container .data-view .content .report-list>ul>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .6rem;
    margin-bottom: .3rem;
    cursor: pointer;
}
.earth-container .data-view .content .report-list>ul>li img {
    width: .32rem;
    height: .32rem;
    cursor: pointer;
}
.earth-container .data-view .content .report-list>ul>li.area-title {
    padding-left: .3rem;
    font-size: .28rem;
    font-weight: bold;
    cursor: pointer;
}
.earth-container .data-view .content .view-report {
    flex: 1;
    overflow-y: auto;
    padding: .3rem .4rem;
    background: #F4F4F4;
}
.earth-container .data-view .content .view-report::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.earth-container .data-view .content .view-report::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.earth-container .data-view .content .view-report::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
.earth-container .data-view .content .view-report p {
    margin-bottom: .3rem;
    font-weight: bold;
    font-size: .32rem;
}
#cesiumContainer {
    position: absolute;
    /* top: 1.36rem; */
}
/* 覆盖第三方样式 */
.page .custom-pagination {
    left: auto;
    right: 0;
}
.cesium-widget-credits {
    display: none !important; /*去除Cesium默认版权信息*/
}
.irs--round .irs-handle {
    top: 28px;
    width: 18px;
    height: 18px;
    border: 2px solid #006cfa;
}
.irs--round {
    height: .6rem !important;
    margin-top: -.8rem
}
