.campus-nav-box{position:fixed;top:20%;left:20%;width:320px;min-height:186px;max-height:546px;z-index:99;color:#fff;background:#fff;border-radius:8px;box-shadow:0 0 4px 2px #dddddd}.campus-nav-box .header{position:relative;border-radius:8px 8px 0 0;width:100%;height:36px;line-height:36px;background-color:#2196f3}.campus-nav-box .header .title{padding-left:10px}.campus-nav-box .header .title img{width:20px;height:20px;vertical-align:middle}.campus-nav-box .header .title span{margin-left:6px;display:inline-block;vertical-align:middle;color:#fff}.campus-nav-box .header .close{position:absolute;right:6px;top:0;left:auto;bottom:0;margin:auto;width:16px;height:16px;cursor:pointer}.campus-nav-box .content{height:calc(100% - 36px)}.campus-nav-box .content .tab{height:44px;line-height:44px}.campus-nav-box .content .tab ul{display:flex}.campus-nav-box .content .tab ul li{text-align:center;flex:1;color:#337ab7;cursor:pointer;border-bottom:1px solid #ccc}.campus-nav-box .content .tab ul li i{display:inline-block;width:16px;height:16px;vertical-align:text-bottom}.campus-nav-box .content .tab ul li:nth-child(1){border-right:1px solid #ccc}.campus-nav-box .content .tab ul li:nth-child(1) i{background:url(/zhjg/img/navicon/walk-one.png) no-repeat;background-size:100% 100%}.campus-nav-box .content .tab ul li:nth-child(2) i{background:url(/zhjg/img/navicon/drive-one.png) no-repeat;background-size:100% 100%}.campus-nav-box .content .tab ul li.on{color:#a40000;border-bottom:none}.campus-nav-box .content .tab ul li.on:nth-child(1) i{background:url(/zhjg/img/navicon/walk-two.png) no-repeat;background-size:100% 100%}.campus-nav-box .content .tab ul li.on:nth-child(2) i{background:url(/zhjg/img/navicon/drive-two.png) no-repeat;background-size:100% 100%}.campus-nav-box .content .container{position:relative;padding:0 10px;display:flex;align-items:center;height:calc(100% - 44px)}.campus-nav-box .content .container>div:nth-child(1){display:flex;flex-direction:column;align-items:center;height:100%}.campus-nav-box .content .container>div:nth-child(1)>div{flex:1;line-height:53px}.campus-nav-box .content .container>div:nth-child(2){width:100px;text-align:center}.campus-nav-box .content .container .toname-value-box,.campus-nav-box .content .container .comename-value-box{position:absolute;top:48px;left:65px;width:auto;min-width:160px;max-height:520px;color:#2c3e50;background:#fff;overflow-y:auto;box-shadow:0 0 14px 2px #ddd;border-radius:5px;z-index:11}.campus-nav-box .content .container .toname-value-box ul li,.campus-nav-box .content .container .comename-value-box ul li{padding-left:20px;height:36px;line-height:36px;cursor:pointer}.campus-nav-box .content .container .toname-value-box ul li:hover,.campus-nav-box .content .container .comename-value-box ul li:hover{background:#f5f5f5}.campus-nav-box .content .container .comename-value-box{top:100px}.campus-nav-box .content .path-box{margin:2.5px 10px 9px 10px;max-height:348px;box-sizing:border-box;overflow-y:auto;color:#000;border-radius:8px;box-shadow:0 0 4px 1px #dddddd}.campus-nav-box .content .path-box li{padding:0 10px;line-height:36px}.el-input-group__prepend{cursor:pointer}.el-input-group__prepend:hover .mydingwei.el-icon-location{font-size:25px}
|
