.mdinfo{ border: 1px solid rgb(56,125,191); box-shadow: 0 0 5px 2px #3765b8 inset; background: #071D4D; padding:0px 20px 20px 20px; min-width:445px; } .mdinfoTop{ height:40px !important; line-height:40px !important; box-sizing: border-box; border-bottom: 1px solid #3374B4; } .mdinfoTop>div{ float:left; white-space:nowrap; box-sizing: border-box; } .mdinfoTop>div>span{ display: inline-block; width: 144px; height: 36px; line-height: 40px; text-align: center; margin-top:3px; } .mdinfoTop>div>span>span>img{ margin-right:5px; } .mapTitleBg{ background:url("../image/markerTitleBg.png") no-repeat 0 0 !important; } .mdinfoTop>img{ float:right; margin:12px 0; width:16px; height:16px; } .mdinfoCenter{ width:445px; margin:10px 0; overflow: hidden; } .mdinfoCenter>div{ flex-wrap: wrap; } .mdinfoCenter>div>p{ width:50%; white-space: nowrap; float:left; } .mdinfoCenter>div>p>span{ height:30px; line-height:30px; margin-right:10px; } .mdinfoCenter>div>p>span>img{ width: 24px; height: 24px; margin-top:-3px; } .mdinfoCenter>div>p>span:nth-child(odd){ float:left; height:30px; } .mdinfoCenter>div>p>span:nth-child(even){ margin-right:20px; } .mdinfoCenter>div>p>span:first-child{ color:#1EA2AD; } .mdinfoCenter>div>p>span>img{ width:18px; height:18px; } .mdinfoBottom{ height:36px; flex-wrap:wrap !important; flex-direction:column; width: max-content; } .mdinfoBottom>button{ line-height:36px !important; height:36px !important; margin: 0px; padding: 0 26px; font-size: 14px; border: 1px solid rgb(56,125,191); box-shadow: 0 0 2px 1px #3765b8 inset; background: #071D4D; color:#fff; margin-right:10px; } .mdinfoBottom>span{ margin-right:5px; } .deviceopearbtn>img{ float:left; margin:5px 5px 0 0; } .mdinfoBottom .deviceopearbtn{ padding: 0 10px !important; line-height:28px !important; height:28px !important; margin-left:0 !important; color:#2899D2 !important; } .mdinfoBottom span{ color: #1EA2AD; }