.jimu-widget-Tool { position : relative; font-size : 14px; height : 32px; line-height : 32px; width : 100%; /* 240px */ background : rgba(255, 255, 255, 0.7); color : #000; border-right : 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px 0 0 6px; text-align : center; cursor : pointer; z-index : 10 !important; } .jimu-widget-Tool .tool-bar { width: 100%; } .jimu-widget-Tool .tool-bar .tool-btn{ display: flex; align-items: center; justify-content: space-around; } .jimu-widget-Tool .tool-bar .tool-btn i { display : inline-block; width : 22px; height : 22px; background : url(../../../images/gongju.png) no-repeat; background-size: 22px; vertical-align : middle; } .jimu-widget-Tool .tool-bar .tool-btn span:hover { text-decoration: underline; } .jimu-widget-Tool .tool-bar .tool-btn del { display : inline-block; width : 10px; height : 6px; background : url(../../../images/toolbottom1.png) no-repeat; background-size : 10px 6px; /* vertical-align: / */ } .jimu-widget-Tool .tool-bar .tool-y-box { display : none; position : absolute; top : 36px; right : -5px; width : 110px; /* height: 505px; */ height : 38px; } .jimu-widget-Tool .tool-bar .tool-y-box ul, .jimu-widget-Tool .tool-bar .tool-y-box li { margin : 0; padding: 0; } .jimu-widget-Tool .tool-bar .tool-y-box ul { height: 100%; } .jimu-widget-Tool .tool-bar .tool-y-box li { list-style : none; height : 34px; line-height: 34px; width : 102px; background : rgba(255, 255, 255, 0.7); } .jimu-widget-Tool .tool-bar .tool-y-box li:hover { background: rgba(61,159,250, .7); } .jimu-widget-Tool .tool-bar .tool-y-box li i { margin-top : -2px; display : inline-block; width : 16px; height : 16px; background-size: 100%; vertical-align : middle; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(1) { border-radius: 5px 5px 0 0; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(1) i { background: url(../../../images/toolbox1.png ) no-repeat 0 0; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(2) i { background: url(../../../images/toolbox1.png ) no-repeat 0 -141px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(3) i { background: url(../../../images/toolbox1.png ) no-repeat 0 -63px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(4) i { background: url(../../../images/toolbox1.png ) no-repeat 0 -110px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(5) i { background: url(../../../images/toolbox1.png ) no-repeat 0 -32px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(6) i { background: url(../../../images/toolbox1.png ) no-repeat 0 -126px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(7) i { background: url(../../../images/toolbox1.png ) no-repeat 0 -173px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(8) i { background: url(../../../images/toolbox1.png ) no-repeat 0 -16px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(9) i { background: url(../../../images/toolbox1.png ) no-repeat 0 -156px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(9) { border-radius: 0 0 5px 5px; } /* .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(2) i { background: url(../../../images/toolbox.png ) no-repeat 0 -16px; } */ /* .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(1) i { background: url(../../../images/toolbox.png ) no-repeat 0 0; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(2) i { background: url(../../../images/toolbox.png ) no-repeat 0 -16px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(3) i { background: url(../../../images/toolbox.png ) no-repeat 0 -32px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(4) i { height: 15px; background: url(../../../images/toolbox.png ) no-repeat 0 -48px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(5) i { background: url(../../../images/toolbox.png ) no-repeat 0 -64px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(6) i { height: 14px; background: url(../../../images/toolbox.png ) no-repeat 0 -79px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(7) i { background: url(../../../images/toolbox.png ) no-repeat 0 -93px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(8) i { background: url(../../../images/toolbox.png ) no-repeat 0 -111px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(9) i { background: url(../../../images/toolbox.png ) no-repeat 0 -126px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(10) i { background: url(../../../images/toolbox.png ) no-repeat 0 -141px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(11) i { background: url(../../../images/toolbox.png ) no-repeat 0 -157px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(12) i { background: url(../../../images/toolbox.png ) no-repeat 0 -173px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(13) i { background: url(../../../images/toolbox.png ) no-repeat 0 -188px; } .jimu-widget-Tool .tool-bar .tool-y-box li:nth-child(14) i { background: url(../../../images/toolbox.png ) no-repeat 0 -204px; } */