.datas-left{
  width: 554px;
  font-size: 16px;
  color: #333333;
}
.datas-left .header{
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 14px;
}
.datas-left .header .title{
  font-size: 20px;
  color: #087cd6;
  font-weight: bold;
}

.input_select {
  width: 75px;
  font-size: 16px;
  color: #333333;
}

.datas-left .list {
  margin-top: 10px;
  width: 100%;
}

.datas-left  .list li {
  width: 100%;
  line-height: 43px;
  cursor: pointer;
}

.datas-left .ellipsis{
  width: calc(100% - 160px);
  display: inline-block;
}

.datas-left .part + .part{
  border-top: 1px solid #ebebeb;
  padding-top: 18px;
  margin-top: 18px;
}

.datas-right .header{
  font-size: 16px;
  color: #333333;
}

.datas-right .header .item + .item{
  margin-left: 18px;
}

.datas-right .col1, .col2, .col3, .col4{
  font-weight: bold;
}

.datas-right .col1{
  color: #4293f4;
}

.datas-right .col2{
  color: #039400;
}

.datas-right .col3{
  color: #ef9d00;
}

.datas-right .col4{
  color: #ce1dc8;
}

.datas-right img{
  margin-top: 40px;
  cursor: pointer;
}

.datas-right .button{
  background-color: #4293f4;
  color: #ffffff;
  width: 180px;
  height: 36px;
}

.datas-right .button:hover{
  background-color: #4ba7f4;
}

.map{
  width: 558px;
  height: 443px;
}

.footer {
  margin-top: 40px;
}

.tip-content{
  width: 148px;
  background: #474747;
  color: #ffffff;
  opacity: 0.9;
  padding: 12px;
  font-size: 13px;
  border-radius: 4px;
}

.tip-content ul + ul{
  margin-top: 16px;
}