#map { margin: 20px auto 20px auto; width: 100%; height: 400px; border-radius:5px;border: 1px solid var(--colorBorder); }
.info-table{width: 100%; margin: 0 auto; border: 1px solid var(--colorBorder); padding: 20px; border-radius: 5px;}
.info-table:nth-child(2){border-left:1px dashed var(--colorBorder);padding-left:30px}
.info-table .info-table-tr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.info-table .info-table-tr .name i{margin-right:5px;text-align:center}
.info-table .info-table-tr .line{flex-basis:0;flex-grow:1;border-bottom:1px dotted var(--colorBorder);margin-left:10px;margin-right:10px;min-width:20px}
.info-table .info-table-tr .result{color:var(--colorPrimary);margin:0;position:relative;line-height:24px;padding-left:5px;bottom:-5px}
.info-table .info-table-tr .result img{width:15px;margin-right:4px}

.ip-info .my-ip { font-size: 35px; display: flex ; align-items: center; margin: 0 auto; justify-content: center; }
.ip-info input[type=text].ip-input { display: inline-block; border: none; border-bottom: 1px dashed var(--colorBorder); margin: 0 20px; width: 100%; max-width: 330px; text-align: center; letter-spacing: 0.3px; font-size: 30px !important; width: 284px; border-radius: 0; }
.ip-info .my-ip i { font-size: 24px; vertical-align: middle; color: var(--colorBtn); cursor: pointer; }
.ip-info .ip-location { margin: 20px 0; text-align: center; display: flex ; align-items: center; justify-content: center; color: var(--colorPrimary); }
.ip-info .ip-location img { height: 27px; margin: 0 8px 0 0; border: 1px solid var(--colorBorder); border-radius: 5px; }

@media screen and (max-width:440px){
.my-ip{display:flex;flex-direction:column;position:relative}
.ip-input{width:90%!important}
.my-ip i{position:absolute;top:0;right:0}
.ip-location{margin:15px 0 35px;font-size:13px;display:flex;align-items:center;justify-content:center}
}