.searchframe{
    position: absolute;
    width: 353px;
    height: 510px;
    background: rgba(255,255,255,0.8);
    left: 130px;
    top: 166px;
}
.searchframe_invisible{
    display: none;
}
.POIsearch{
    position: absolute;top: 17px;left: 36px;font-size: 18px;font-family: SourceHanSansCN-Regular;
    font-weight: 400;color: #327AFF;text-align:left;line-height: 17px
}
.ChartPOIframe{
    position: absolute;top: 52px;left: 32px;
}
.ChartPOI{
    position: absolute;top: 8px;left: 17px;font-size: 16px;
    font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;line-height: 15px
}
.SkyMapPOIframe{
    position: absolute;top: 52px;left: 123px;width: 98px;height: 30px;
    border: solid 1px #1CB3FF
}
.SkyMapPOI{
    position: absolute;top: 8px;left: 14px;font-size: 16px;
    font-family: Source Han Sans CN;font-weight: 400;color: #596E87;;line-height: 15px
}
.classify2_img{
    position: absolute;top: 106px;left: 12px
}
.classify2_text{
    position: absolute;top: 106px;left: 36px;font-size: 18px;
    font-family: Source Han Sans CN;font-weight: 400;color: #327AFF;line-height: 17px
}
.two_words_type{
    position: absolute;top: 42px;left:-2px;width: 32px;height: 16px;font-size: 16px;
    font-family: Source Han Sans CN;font-weight: 400;color: #596E87;
}
.three_words_type{
    position: absolute;top: 42px;left:-10px;width:50px ;height: 16px;font-size: 16px;
    font-family: Source Han Sans CN;font-weight: 400;color: #596E87;
}
.four_words_type{
    position: absolute;top: 42px;left:-17px;width:70px ;height: 16px;font-size: 16px;
    font-family: Source Han Sans CN;font-weight: 400;color: #596E87;
}
.six_words_type{
    position: absolute;top: 42px;left:-17px;width:70px ;height: 16px;font-size: 16px;
    font-family: Source Han Sans CN;font-weight: 400;color: #596E87;
}
.seven_words_type{
    position: absolute;top: 42px;left:-24px;width:99px ;height: 16px;font-size: 16px;
    font-family: Source Han Sans CN;font-weight: 400;color: #596E87;
}

.Waterway_position{
    position: absolute;top: 155px;left: 50px;
}
.anchorage_position{
    position: absolute;top: 155px;left: 133px;
}
.berth_position{
    position: absolute;top: 155px;left: 214px;
}
.shipwrecks_position{
    position: absolute;top: 155px;left: 295px;
}
.restricted_position{
    position: absolute;top: 241px;left: 50px;
}
.drillingplatform_position{
    position: absolute;top: 241px;left: 133px;
}
.submarinepipeline_position{
    position: absolute;top: 241px;left: 214px;
}
.overheadcable_position{
    position: absolute;top: 241px;left: 295px;
}
.aidstonavigation_position{
    position: absolute;top: 329px;left: 50px;
}
.pilotboardingpoint_position{
    position: absolute;top: 329px;left: 133px;
}
.conservationarea_position{
    position: absolute;top: 329px;left: 214px;
}
.a12_position{
    position: absolute;top: 329px;left: 295px;
}
.a13_position{
    position: absolute;top: 415px;left: 50px;
}
.a14_position{
    position: absolute;top: 415px;left: 133px;
}


.search_frame_img{
    float: right;
}


.chart_services{
    position: absolute;
    left: 700px;
    top: 200px;
    width: 394px;
    height: 334px;
    background: #293753;
    opacity: 0.98;
}
.chart_services_word{
    position: absolute;
    left: 19px;
    top: 16px;
    width: 72px;
    height: 17px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.circle_x{
    position: absolute;
    left: 355px;
    top: 19px;
    width: 20px;
    height: 20px;
    background: linear-gradient(180deg, #19BBFF, #317BFF);
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

.circle_x_1{
    position: absolute;
    left: 355px;
    top: 19px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    margin-left: -28px;margin-top: -10px;
}

.circle_x:hover{
    cursor: pointer;
}

.chart_line{
    position: absolute;
    left: 20px;
    top: 46px;
    width: 354px;
    height: 1px;
    background: #475777;
}

.chart_first_title{
    position: absolute;
    left: 21px;
    top: 65px;
}
.chart_title_style{
    width: 80px;
    height: 28px;
    background: linear-gradient(90deg, rgba(41,146,255,0.7) 0%, rgba(29,176,255,0) 100%);
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
}
.first_small_title{
    position: absolute;
    left: 22px;
    top: 108px;
}
.small_title_style{
    width: 64px;
    height: 16px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.all_check{
    position: absolute;
    left: 336px;
    top: 113px;
}
.chart_check_box1{
    width: 12px;height: 12px;
}
.chart_words_type1{
    width: 28px;
    height: 13px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.channel_type1{
    position: absolute;
    left: 34px;
    top: 142px;
}
.channel_type2{
    position: absolute;
    left: 168px;
    top: 142px;
}
.channel_type3{
    position: absolute;
    left: 292px;
    top: 142px;
}
.channel_type4{
    position: absolute;
    left: 34px;
    top: 173px;
}
.channel_type5{
    position: absolute;
    left: 168px;
    top: 173px;
}
.channel_type6{
    position: absolute;
    left: 292px;
    top: 173px;
}
.channel_type7{
    position: absolute;
    left: 34px;
    top: 204px;
}
.channel_type8{
    position: absolute;
    left: 168px;
    top: 204px;
}
.channel_type9{
    position: absolute;
    left: 292px;
    top: 204px;
}
.channel_type10{
    position: absolute;
    left: 34px;
    top: 236px;
}
.channel_type11{
    position: absolute;
    left: 168px;
    top: 236px;
}
.channel_type11_5{
    position: absolute;
    left: 292px;
    top: 236px;
}
.chart_model{
    position: absolute;
    left: 21px;
    top: 268px;
    width: 32px;
    height: 16px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.channel_type12{
    position: absolute;
    left: 34px;
    top: 302px;
}
.channel_type13{
    position: absolute;
    left: 168px;
    top: 302px;
}
.channel_type14{
    position: absolute;
    left: 292px;
    top: 302px;
}


.haituPOI{
    position: absolute;
    top: 53px;
    padding-top: 4px;
    padding-left: 13px;
    padding-bottom: 4px;
    padding-right: 13px;
    left: 10px;

}
.tiandituPOI{
    position: absolute;
    top: 53px;
    padding-top: 4px;
    padding-left: 13px;
    padding-bottom: 4px;
    padding-right: 13px;
    left: 89px;

}
.tuPOIclicked{
    border: solid thin #409EFF;
    background-color: #409EFF;
    color: #DAFFFF;
}
.tuPOIunclicked{
    border: solid thin #DCDFE6;
    background-color: #FFFFFF;
    color: #606266;
}
.t34wh{
    width: 34px;
    height: 34px;
    margin-left: -4px;
    margin-top: -4px;
}
.h2_text{
    margin-left: 15px;
    margin-top: 5px;
}