body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.panel-label-2d {
    /*pointer-events: none;*/
    pointer-events: auto;
}

.panel-label-2d > .content {
    position: absolute;
    left: 90px;
    top: -100px;
    /*border: 1px solid #3377ff;*/
    border: 1px solid #6C7883;
    padding: 10px;
    width: auto;
    min-width: 20px;
    max-width: 800px;
    /*background: rgba(255, 255, 255, .6);*/
    background: rgba(30, 30, 30, .8);
    /*background: rgba(44, 52, 60, .8);*/
    color: #f2faff;
    border-radius: 5px;
    /*box-shadow: 2px 2px 25px rgba(255, 255, 225, .5);*/
    box-shadow: inset 0 0 15px rgba(108,120,131,1);
}

.panel-label-2d > .content img {
    width: 100%;
}

.panel-label-2d > .border {
    position: absolute;
    left: -15px;
    top: -35px;
    display: inline-block;
    background: #37f;
    width: 100px;
    height: 1px;
    transform: rotateZ(-45deg);
    box-shadow: 5px 15px 15px rgb(255, 255, 255);
}

.panel-label-2d > .border:before {
    display: inline-block;
    position: absolute;
    content: "";
    width: 20px;
    right: -17px;
    top: 7px;
    background: inherit;
    height: 1px;
    box-shadow: 5px 15px 15px rgb(255, 255, 255);
    transform: rotateZ(45deg);
}


.page-roamer {
    width: auto;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;text-align:center;
    background: rgba(0,0,0,.3);border: 1px solid #000001;color: aliceblue;
}
.content {
}
.content >.info {
    line-height: 26px;
    height: 26px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.content >.esc {
    color:#00E6E6;
    margin-top: 10px;
    cursor: pointer;
}
.content >.warn-info{
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
}
.content >.warn-info:last-child{ margin-top: 0; }


.page-roamer-operate {
    position:absolute;right:0; bottom:20px; left:0; text-align:center; height: auto; padding: 5px;
    color:  #999;
    z-index: 9999;
}
.page-roamer-operate >.items {
    /*border: 1px solid #666;*/
    min-width: 350px;
    max-width: 360px;
    /*width: auto;*/
    background: rgba(0,0,0,.6);
    margin: 0 auto;
    height: 42px;
    line-height: 42px;
    padding: 5px;
}
.items >.top-icon {
    border-right: 1px solid #999;
    padding: 0 10px;
    display: inline-block;
    float: left;
    min-width: 54px;
    width: auto;
    cursor: pointer;

}
.items >.selected {
    color: #3399ff;
}
.items >.top-icon:last-child{ border-right:none }