
.knowledgeMapWrapper {
    min-width: 1200px;
    padding-top: 100px;
    /* .title{
        position: relative;
        height: 40px;
        line-height: 40px;
        background-image: linear-gradient(to right, #5A8EEE , #7EABFF);
       filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#1471da,endColorstr=#1C85FB);!*IE<9>*!
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#1471da, endColorstr=#1C85FB)";!*IE8+*!

    }
    .titleTxt{
        position: relative;
        width: 1200px;
        left: 50%;
        margin-left: -600px;
        color: #fff;
        font-size: 14px;
    }
    .titleLogo{
        position: relative;
        top: -2px;
        height: 20px;
        margin: 0 20px 0 0;
    }
    .titleLogoShaiyifu{
        top: 5px;
        height: 30px;
    }
    .titleInfo{
        position: relative;
        display: inline-block;
        top: -4px;
        height: 40px;
        line-height: 40px;
    }*/
    .title{
        // position: fixed;
        top: 0;
        z-index: 10;
    }
    .content {
        position: relative;
        width: 1200px;
        left: 50%;
        margin: 15px 0 0 -600px;
        cursor: default;
        height: 100%;
        font-size: 14px;
    }

    .top {
        background: #fff;
        position: relative;
        margin: 10px 0;
    }

    .tabList {
        padding: 0 20px;
        height: 44px;
        border-bottom: 1px solid #E6E6E6;
        color: #777;
    }

    .tabItem {
        display: inline-block;
        padding: 0 15px;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        position: relative;
        top: 12px;
    }

    .infoTxt {
        min-height: 33px;
        width: 1160px;
        font-size: 14px;
        color: #333;
        resize: none;
        line-height: 20px;
        // outline: none;
        padding: 10px;
        background: #F7F8FA;
        border: 1px solid #ccc;
        box-sizing: border-box;
        margin: 20px;
    }

    .btnBox {
        text-align: center;
        padding: 0 0 20px 0;
    }

    .submit {
        display: inline-block;
        padding: 8px 36px;
        background: #5A8EEE;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
    }

    .termResult {
        margin: 10px 0 0 0;
        padding: 0 0 0 20px;
    }

    .mapResultTitle,
    .graphTitle {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        line-height: 44px;
    }

    .mapResult {
        margin: 0 0 20px 0;
        color: #AAA;
    }
    .noResult{
        color: #AAA;
    }

    .bottom {
        margin: 0 0 10px 0;
        background: #fff;
        padding-bottom: 40px;
        position: relative;
    }
    .graphTitle{
        padding: 0 20px;
        border-top: 1px solid #E6E6E6;
    }
    .mapWrapper{
        position: relative;
        margin: 0px 0 0 -398px;
        left: 50%;
    }
    .mainCont{
        position: relative;
    }
    .emptyBox{
        position: absolute;
        width: 100%;
        height: 100%;
        background: #fff;
        left: 0;
        top: 0;
        text-align: center;
        z-index: 2;
        // display: none;
        img,p{
            position: relative;
            top: 150px;
        }
        img{
            width: 140px;
        }
        p{
            color:#AAA;
            text-indent: 10px;
            top: 155px;
        }
    }
    .emptyBox2{
        position: absolute;
        display: none;
        width: 100%;
        height: 100%;
        background: #fff;
        left: 0;
        top: 0;
        text-align: center;
        z-index: 2;
        p{
            position: relative;
            color:#AAA;
            text-indent: 10px;
            top: 155px;
        }
    }
    .legendBox{
        position: relative;
        width: 796px;
        left: 50%;
        margin-left: -398px;
    }
    .legendIcon{
        position: absolute;
        display: none;
        width: 35px;
        height: 22px;
        bottom: 0px;
        right: 5px;
        background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    }
    .legendIconImg{
        width: 22px;
        height: 22px;
        border-radius: 50%;
        position: absolute;
        right: 10px;
        top: 2px;
        cursor: pointer;
    }
    .legendIconImg{
        background: url('./../resources/images/iconSlideDown1.png') no-repeat;
        background-size: 22px 22px;
    }
    .legendIconImg:hover{
        background: url('./../resources/images/iconSlideDown1Hover.png') no-repeat;
        background-size: 22px 22px;
    }
    .legendSlideUp{
        background: url('./../resources/images/iconSlideUp1.png') no-repeat;
        background-size: 22px 22px;
    }
    .legendSlideUp:hover{
        background: url('./../resources/images/iconSlideUp1Hover.png') no-repeat;
        background-size: 22px 22px;
    }
    .footer {
        position: absolute;
        width: 100%;
        bottom: 10px;
        text-align: center;
        font-size: 12px;
        color: #bbb;
    }

    .disabled {
        opacity: 0.5;
        filter: "alpha(opacity=50)";
        filter: alpha(opacity=50);
        cursor: not-allowed;
    }

    .activeTab {
        font-size: 16px;
        color: #5A8EEE;
        background:linear-gradient(180deg,rgba(126,171,255,1) 0%,rgba(90,142,238,1) 100%);
        border-radius:6px 6px 0px 0px;
        box-sizing: border-box;
        color: #fff;
    }
    .resultItem{
        cursor: pointer;
        display: inline-block;
        padding: 5px 13px;
        border: 1px solid #AAA;
        margin: 20px 20px 0 0;
        border-radius:4px;
    }
    .resultActive{
        background: #EEF4FF;
        color: #5A8EEE;
        border: 1px solid #5A8EEE;
    }
}