/*
*  JoySuch JPG地图SDK
*  v0.0.1
* */

.joysuch-joysuchJPGMapFather{
    position: relative;
    border: 0;
}

.joysuch-jpgMap{
    /*transition: all 0.5s;*/
    visibility: visible;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    left: 0px;
    top: 0px;
}
.joysuch-mapZoomOut{
    background-image:url(resource/ic_remove_white_24dp_2x.png);
    visibility: visible;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 80px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: #2099e5;
    color: #ffffff;
}
.joysuch-mapZoomIn{
    background-image:url(resource/ic_add_white_24dp_2x.png);
    visibility: visible;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 80px;
    right: 80px;
    width: 40px;
    height: 40px;
    background-color: #2099e5;
    color: #ffffff;
}


.joysuch-floor-list{
    position:absolute;
    bottom:250px;
    /*left:20px ;*/
    right: 20px;
    height:auto;
    width:40px;
    overflow:hidden;
    border:1px solid #c7c8c9;
    box-shadow:0px 0px 5px #c7c8c9;
    border-radius:3px;
    z-index:13;
    background:white;
}
.joysuch-floor-list>ul{
    height:200px;
    overflow:auto;
    padding: 0;
    margin: 0;
    width: 60px;
    border-top: 1px solid #c7c8c9;
    border-bottom: 1px solid #c7c8c9;
}
.joysuch-floor-list>ul>li{
    height:34px;
    width:34px;
    list-style:none;
    text-align:center;
    border-radius:34px;
    background:white;
    line-height:35px;
    margin-left:3px;
    margin-top:10px;
}
.joysuch-floor-list>ul>li>a{
    color:black;
    text-decoration:none;
    line-height:34px;
    display:block;
    height:34px;
    width:34px;
    font-size:1em;
    border-radius:34px;
}

.floorSelected{
    background:#2099e5;
    color: white !important;
}

.floorUnSelected{
    background:white;
    color: black !important;
}

.upFloorButton{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-image:url(resource/joys_arrows_up.png);
    background-size: 20px 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

.downFloorButton{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-image:url(resource/joys_arrows_down.png);
    background-size: 20px 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

.joysuch-heatmap-wrapper {
    position:absolute;
    opacity:0;
    left:0;
    top:0;
    -webkit-transition:.3s ease all;
    -moz-transition:.3s ease all;
    transition:.3s ease all;
    opacity:1;
    border-bottom:0px solid rgba(255,0,0,.6);
    width:100%;
    height:100%;
}
.joysuch-heatmap {
    /*background-image:url('../images/shop.png');*/
    width:100%;
    height:100%;
}