.jimu-widget-Layermanagement { color: #555; } .jimu-widget-Layermanagement .layer-tab { position: fixed; top: 20px; right: 100px; z-index: 16 !important; width: 90px; height: 36px; line-height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(254, 254, 254, 1); font-size: 14px; } .jimu-widget-Layermanagement .layer-tab>div { width: 100%; height: 24px; border-right: 1px solid #DDDDDD; display: flex; align-items: center; justify-content: center; cursor: pointer; } .jimu-widget-Layermanagement .layer-tab:hover .v-a-o-title { text-decoration: underline; } .jimu-widget-Layermanagement .layer-tab .v-a-o-title { color: #838383 !important; position: relative; left: 3px; } .jimu-widget-Layermanagement .layer-tab i { width: 14px; height: 14px; margin-right: 4px; vertical-align: middle; background: url(../../../images/图层管理.png) no-repeat; background-size: 100% 100%; } .jimu-widget-Layermanagement .layer-list { display: none; position: fixed; top: 66px; right: 10px; width: 320px; min-height: 80px; background: #fff; border-radius: 5px; box-shadow: 0 0 8px #fff; } .jimu-widget-Layermanagement .layer-list .layer-list-box { max-height: 360px; overflow-y: auto; } .jimu-widget-Layermanagement .layer-list h3 { position: relative; margin: 0; line-height: 40px; height: 40px; font-size: 16px; font-weight: normal; text-align: center; } .jimu-widget-Layermanagement .layer-list h3 .sign-head-th-xx { position: absolute; right: 0px; } .jimu-widget-Layermanagement .layer-list li { padding: 0 10px; } .jimu-widget-Layermanagement .layer-list li>div { display: flex; align-items: center; height: 36px; } .jimu-widget-Layermanagement .layer-list li>div span { width: calc(100% - 102px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jimu-widget-Layermanagement .layer-list .control-btn { padding: 0 !important; width: 24px !important; height: 24px !important; line-height: 24px !important; margin-left: 10px; } .jimu-widget-Layermanagement .layer-list .layui-btn { border: none; } .jimu-widget-Layermanagement .layer-list .control-btn img { margin: auto; width: 16px; height: 16px; } .jimu-widget-Layermanagement .tree-layer-opcity { display: none; position: fixed; top: 66px; right: 340px; width: 260px; height: auto; background: #Fff; border-radius: 5px; box-shadow: 0 0 8px #fff; } .jimu-widget-Layermanagement .tree-layer-opcity h3 { margin: 0; height: 36px; line-height: 36px; text-align: center; } .jimu-widget-Layermanagement .tree-layer-opcity .close { position: absolute; top: 4px; right: 4px; } .jimu-widget-Layermanagement .tree-layer-opcity li>div:first-child { padding: 0 10px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jimu-widget-Layermanagement .tree-layer-opcity li>div:last-child { margin: 10px 10px; width: calc(100% - 20px); }