.network-town-wrap{position:relative;margin:5px;background:linear-gradient(86deg,rgba(70,208,255,0),rgba(40,141,255,.3) 50%,rgba(70,208,255,0))}.network-town-wrap,.network-town-wrap>div.wrap{width:calc(100% - 10px);height:calc(100% - 10px);border-radius:10px}.network-town-wrap>div.wrap{position:absolute;left:5px;top:5px}.network-town-wrap>#map-container{z-index:1;filter:opacity(.5)}.network-town-wrap>#map-echarts{z-index:2;-webkit-animation-name:common-zoom-in;animation-name:common-zoom-in;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.6s;animation-duration:.6s;transform:scale(0)}.network-town-wrap>.button-item{background-color:#000028;border:2px solid #61b4bb;border-radius:6px;padding:5px 15px;display:inline-flex;align-items:center;cursor:pointer;color:rgba(66,202,255,.5843137255);position:absolute;z-index:3;top:20px}.network-town-wrap>.button-item>div{font-size:16px;font-weight:700;height:25px}.network-town-wrap>.button-item>i{font-size:24px;font-weight:700}.network-town-wrap>.button-item>img{height:24px}.network-town-wrap>.current-name{left:20px;color:#42caff;height:0;opacity:0;transition:all .3s ease-in-out;cursor:default}.network-town-wrap>.current-name.open{height:40px;opacity:1}.network-town-wrap>.back{right:20px}.network-town-wrap>.back:hover{color:#42caff}