.mapswitch-container { position: absolute; bottom: 20px; right: 10px; text-align: right; width: 85px; height: 60px; z-index:1001; } #veclry,#imglry{ text-align: center; background-color: #FFF; border: 1px solid #CFCFCF; cursor: pointer; width: 85px; height: 60px; } #veclry{ background:url('../../images/tool/dt.jpg') no-repeat; background-color:#FFF; } #imglry{ background:url('../../images/tool/yx.jpg') no-repeat; background-color:#FFF; } .ico { display: block; } #p_layer{ width: 85px; height: 60px; position:absolute; } #p_laye img{ width: 100%; } #p_show { border: 1px solid #CFCFCF; text-align: center; background-color: #FFF; padding: 5px; clear: right; margin-top: 5px; display: none; } #p_show>div>div { display: inline-block; margin: 10px 5px 5px 5px; cursor: pointer; } #p_show>font { display: block; border-bottom: 1px solid #CFCFCF; font-size: 16px; text-align: right; padding-bottom: 5px; padding-right: 5px; } #p_show img { display: block; width: 100px; box-shadow: 0px 0px 6px #000; } .mapswitch-container button { background: url('../../images/btnbgi.png') no-repeat; padding: 5px 10px 5px 30px; background-position: 10px 8px; border: 1px solid #000; background-color: #FFF; border-radius: 5px; cursor: pointer; } /* .mapswitch-container>div>div { border-bottom: 1px solid #E1E1D9; font-size: 16px; padding-bottom: 10px; } */ #div_play{ position:absolute; } #p_layer dl dt{ bottom:0; height:13px; right:0; position:absolute; width:40px; height:20px; z-index:9999; font-size:12px; letter-spacing:2px; color:#fff; font-weight: bold; text-align: center; line-break: 20px; } .mapswitch-container dl{ position:absolute; top:0; cursor:pointer; border:1px solid #CFCFCF; } .mapswitch-container dd{ width: 85px; height: 60px; } .mapswitch-container dl.selected{ z-index:20000; } #p_layer dl#veclry dt{background:#2da2fd;} #p_layer dl#imglry dt{background:#2da2fd;}