body {
    background: #000327;
}

#tplWrap {
    background: #000327;
}

.tditem, .dataitem {
    background: linear-gradient(180deg, rgba(0, 8, 90, 0.3) 0%, #00085A 100%);
}

.dataitem dd:not(:root):fullscreen {
    background: linear-gradient(180deg, rgba(0, 8, 90, 0.3) 0%, #00085A 100%) !important;
}

.mapcontainer {
    background: url("//image.wjx.com/images/commonImgPC/map_bg.png");
}

.dataitem::before {
    content: "";
    width: 0.45rem;
    height: 0.11rem;
    background: url(//image.wjx.com/images/commonImgPC/lt@2x.png);
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
}

.myd-value {
    color:#36CFC9;
}

.lb {
    width: 0.11rem;
    height: 0.11rem;
    background: url(//image.wjx.com/images/commonImgPC/lb@2x.png);
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover;
}

.rt {
    width: 0.11rem;
    height: 0.11rem;
    background: url(//image.wjx.com/images/commonImgPC/rt@2x.png);
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
}

.dataitem::after {
    content: "";
    width: 0.45rem;
    height: 0.11rem;
    background: url(//image.wjx.com/images/commonImgPC/rb@2x.png);
    position: absolute;
    bottom: 0;
    right: 0;
    background-size: cover;
}

.tditem dd, .tditem a {
    color: #36CFC9;
}

.dataitem .chart-title,
.dataitem dt,
.mapdiv dt{
    color: #C6C1FF !important;
}

.head h1 {
    color: #C6C1FF
}

#cond-box {
    color: #C6C1FF;
}

.cy-notes {
    color: #C6C1FF;
    opacity: 0.7;
}

#dataScreenManageSet .navitem, #savePic {
    color: #fff;
    background-image: url("/images/commonImgPC/share_bg.png");
    background-repeat:repeat-x;
    background-size:100% 100%;
    box-shadow: none;
}

    #dataScreenManageSet .navitem::after {
        background: rgba(255, 255, 255, 0.1);
    }

    #dataScreenManageSet .navitem .comIcon {
        color: #fff;
    }

.split {
    /*background-color: transparent;*/
    background: url(//image.wjx.com/images/commonImgPC/title_split.png);
    background-size: cover;
    background-position: center;
}

.mapcontainer {
    background: url("//image.wjx.com/images/commonImgPC/map_bg.png");
}

.head {
    background-color: transparent;
}

.colorAxis_style text {
    color: #fff !important;
    fill: #fff !important;
}
.areatitle {
    color: #fff !important;
}
.visitNumpic{
    display:none;
}


.highcharts-breadcrumbs-group text {
    color: #C6C1FF !important;
    fill: rgb(198,193,255) !important;
}

    .highcharts-breadcrumbs-group text:hover {
        color: #000 !important;
        fill: rgb(0, 0, 0) !important;
    }
.ip-map-title {
    color: #C6C1FF !important;
}
@media screen and (max-width: 767px) {
    .tditem dt {
        padding: 0.2rem 0.22rem 0.02rem;
    }

    .split {
        background-image: url(//image.wjx.com/images/commonImgPC/split_mobile.png);
    }

    .mapdiv {
        background: url("//image.wjx.com/images/commonImgPC/map_bg.png");
        background-color: transparent !important;
    }
    .ip-map-title {
        color: #C6C1FF !important;
    }
}
@media screen and (min-width: 768px) {
    .bottomNavWrap {
        width: auto;
        display: inline-block;
    }

    #dataScreenManageSet {
        width: auto;
        display: inline-block
    }

        #dataScreenManageSet .navitem {
            display: inline-block;
            width: 106px;
            height: 32px;
            line-height: 28px;
            text-align: center;
            background: none;
            border-radius: 2px;
            border: 1px solid #E8E8E8;
            font-size: 14px;
            color: #fff;
        }

            #dataScreenManageSet .navitem:hover {
                color: #36CFC9
            }

            #dataScreenManageSet .navitem .comIcon {
                font-size: 18px;
            }

    #changeTheme {
        margin-right: 6px;
    }

    .set-theme-menu {
        bottom: auto;
        top: 32px;
    }

    #dataScreenManageSet .navitem::after {
        display: none;
    }
}

.screen-btn-group span:nth-of-type(1) {
    color: #C6C1FF !important;
    border: none !important;
}

.screen-btn-group span,
.screen-btn-group2 div {
    background: #000B7B;
    border: none;
}

.screen-btn-group span:hover {
    color: #36CFC9;
}

.screen-btn-group2 div:hover {
    color: #36CFC9;
    background-color: #14209C;
}
.screen-btn-group2 {
    border:none;
}

.screen-btn-group2 div.cur {
    color:  #36CFC9;
}

#fullscreenbtn {
    background-color: #000D94;
    color: #fff;
    border: 1px solid #000D94;
}

.set-theme-menu {
    background: #000B7B !important;
    color: #C6C1FF !important;
}

#fullscreenFbox {
    background: #000B7B;
}

    #fullscreenFbox a {
        background: #000B7B !important;
        box-shadow: 0px 1px 0px 0px #000B7B;
        color: #C6C1FF !important;
    }

        #fullscreenFbox a:hover {
            color: #36CFC9 !important;
        }

 .set-theme-menu {
    background: #000B7B !important;
    box-shadow: 0px 0px 1px 1px #000B7B !important;
}

    .full-screen-btn .set-theme-menu label {
        color: #C6C1FF !important;
    }

@media screen and (min-width: 768px) {

    #fullscreenFbox .navitem:hover {
        color: #0095ff;
    }

    #fullscreenFbox .navitem .comIcon {
        font-size: 18px
    }

    #changeTheme {
        margin-right: 6px;
    }

    #fullscreenFbox .navitem::after {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #fullscreenFbox a {
        background-image: url(/images/commonImgPC/share_bg.png) !important;
        background-repeat: repeat-x !important;
        background-size: 100% 100% !important;
        color: #fff !important;
        font-size: 0.28rem !important;
        display:inline-block !important;
        position:relative;
    }

    #fullscreenFbox a i {
        font-size: 0.44rem !important;
        color:#fff !important;
    }

    #fullscreenFbox {
        flex: 1 !important;
    }

    #fullscreenFbox a::after {
        background: rgba(255, 255, 255, 0.1);
    }

    #fullscreenFbox {
        background-image: url(/images/commonImgPC/share_bg.png) !important;
        background-repeat: repeat-x !important;
        background-size: 100% 100% !important;
    }
}