/*--------------------------------------------------------------------------------------------------
contacts_style
--------------------------------------------------------------------------------------------------*/
.contacts_style h2{
  width: 50%;
  float: left;
}

.contacts_style .contact_link{
  width: 50%;
  border: none;
  padding: 0;
  float: left;
}

.contacts_style .contact_info{
  width: 100%;
  clear: both;
  padding: 20px 0 10px 0;
}

/*--------------------------------------------------------------------------------------------------
trade_vehicle
--------------------------------------------------------------------------------------------------*/
#trade_vehicle{
  width: 1000px;
  margin: 0 auto;
}

#trade_vehicle,
#trade_vehicle dl,
#trade_vehicle dt,
#trade_vehicle dd{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#trade_vehicle img,
#trade_vehicle dl{
  float: left;
}

#trade_vehicle img{
  width: 16%;
}

#trade_vehicle dl{
  width: 14%;
}

#trade_vehicle dl dt{
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  background: #182447;
  color: #fff;
}

#trade_vehicle dl dd{
  width: 100%;
  height: 80px;
  font-weight: bold;
  border-left: 1px solid #dcdcdd;
  border-right: 1px solid #dcdcdd;
  border-bottom: 1px solid #dcdcdd;
}

.trade_arrange_a .inspection_year,
.trade_arrange_a .inspection_month{
  display: inline-block;
}

.trade_arrange_a .inspection_year{
  width: 30px;
}
.trade_arrange_a .inspection_month{
  width: 60px;
}

#trade_vehicle dl dd ul,
#trade_vehicle dl dd ul li{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

#trade_vehicle dl dd ul li{
  height: 50%;
}

#trade_vehicle dl dd ul .t_price{
  align-items: flex-end;
}

#trade_vehicle dl dd ul .t_price_tax{
  align-items: flex-end;
  font-size: 80%;
  color: #172987;
}

@media only screen and (max-width: 1300px) and (max-width: 786px){
  #trade_vehicle{
    width: 100%;
    margin: 0;
    display: block!important;
    overflow: hidden;
    height: 133px;
  }


  #trade_vehicle img{
    width: 50%;
  }

  #trade_vehicle dl{
    width: 50%;
  }

  #trade_vehicle dl dd{
    height: 93px;
  }

  .trade_arrange_a select{
    display: none;
  }

  .trade_arrange_a .inspection_year,
  .trade_arrange_a .inspection_month{
    width: 0;
    display: none;
  }

}


/*--------------------------------------------------------------------------------------------------
contact_data
--------------------------------------------------------------------------------------------------*/
.contacts_style #contact_data{
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}

.contacts_style #contact_data h3{
  width: 100%;
  text-align: left;
  text-indent: 1em;
  padding: 10px;
  clear: both;
}

.contacts_style #contact_data h3 span{
  font-size: 14px;
  font-weight: normal;
}

.contacts_style #contact_data dl{
  width: 100%;
}

.contacts_style #contact_data dl dt{
  width: 20%;
  float: left;
  background: #dcdcdd;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  padding: 5px;
}

.contacts_style #contact_data dl dd{
  width: 80%;
  float: left;
  border-bottom: 1px solid #dcdcdd;
  padding: 5px;
  text-align: left;
}

.contacts_style #contact_data dl dd input,
.contacts_style #contact_data dl dd textarea{
  width: 100%;
  padding: 15px;
  border: 1px solid #dcdcdd;
}

.contacts_style #contact_data dl dd input{
  height: auto;
}

.contacts_style #contact_data dl dd textarea{
  height: 245px;
}


.contacts_style #contact_data dl dd select{
  width: 43%;
  height: 100%;
  margin-right: 5px;
  padding: 15px;
  border: 1px solid #dcdcdd;
}


/*--------------------------------------------------------------------------------------------------
contact_data_a
contact_data_c
--------------------------------------------------------------------------------------------------*/
.contacts_style #contact_data .contact_data_a dt,
.contacts_style #contact_data .contact_data_a dd,
.contacts_style #contact_data .contact_data_c dt,
.contacts_style #contact_data .contact_data_c dd{
  height: 60px;
  line-height: 49px;
}

.contacts_style #contact_data .contact_data_a select{
  width: 100%;
}

.contacts_style #contact_data .contact_data_a .trade_arrange_a input{
  width: 5%;
}

.contacts_style #contact_data .contact_data_a .trade_arrange_a select{
  width: 15%;
}

/*--------------------------------------------------------------------------------------------------
contact_data_b
--------------------------------------------------------------------------------------------------*/
.contacts_style #contact_data .contact_data_b dt{
  display: flex;
  height: 290px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.contacts_style #contact_data .contact_data_b dd{
  height: 290px;
}


/*--------------------------------------------------------------------------------------------------
contact_data_c
--------------------------------------------------------------------------------------------------*/
.contacts_style #contact_data .contact_data_c dt,
.contacts_style #contact_data .contact_data_c dd{
  border: 1px solid #dcdcdd;
  font-weight: normal;
}

.contacts_style #contact_data .contact_data_c dt{
  background: none;
  width: 80%;
}

.contacts_style #contact_data .contact_data_c dd{
  width: 20%;
}

.contacts_style #contact_data .contact_data_c dd input{
  width: 30px;
  height: 30px;
  margin: 5px 0;
  text-align: left;
}


/*--------------------------------------------------------------------------------------------------
contact_data_d
--------------------------------------------------------------------------------------------------*/
.contacts_style #contact_data .contact_data_d{
  width: 100%;
  overflow: hidden;
}

.contacts_style #contact_data .contact_data_d li{
  width: 25%;
  height: 60px;
  display: block;
  line-height: 60px;
  float: left;
  text-align: left;
  padding-left: 30px;
  border: 1px solid #dcdcdd;
}

.contacts_style #contact_data .contact_data_d .req_view{
  width: 100%;
  height: auto;
  text-align: left;
  padding: 10px;
  border: 1px solid #dcdcdd;
}

.contacts_style #contact_data .contact_data_d input{
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.contacts_style #contact_data .contact_data_d select{
  width: 60px;
  height: 20px;
  border: 1px solid #dcdcdd;
}


/*--------------------------------------------------------------------------------------------------
all_cc
--------------------------------------------------------------------------------------------------*/
#all_cc{
  width: 100%;
  clear: both;
  margin: 0 auto;
}

#all_cc .confirm_flow_button{
  width: 30%;
  margin: 0 35%;
}

#all_cc .confirm_flow_button a p{
  width: 100%;
  padding: 20px 0;
}

#all_cc .return_send_button{
  width: 70%;
  margin: 0 15%;
}

#all_cc .return_send_button a p{
  width: 45%;
  padding: 20px 0;
  margin: 0 2.5%;
  float: left;
}


/*--------------------------------------------------------------------------------------------------
msg
--------------------------------------------------------------------------------------------------*/
#msg{
  clear: both;
  color: #c30d22;
}


/*--------------------------------------------------------------------------------------------------
contacts_info
--------------------------------------------------------------------------------------------------*/
#contacts_info{
  width: 1000px;
  margin: 0 auto;
  clear: both;
  padding-top: 80px;
}

#contacts_info .all_con_info{
  width: 50%;
  padding: 0 2% 50px 2%;
  float: left;
  text-align: left;
}

#contacts_info .all_con_info h5{
  font-size: 20px;
  padding: 10px;
}

#contacts_info .all_con_info dl{
  width: 100%;
  border: 1px solid #dcdcdd;
  margin-bottom: 20px;
  overflow: hidden;
}

#contacts_info .all_con_info dl dt,
#contacts_info .all_con_info dl dd{
  float: left;
  height: 50px;
  line-height: 50px;
}

#contacts_info .all_con_info dl dt{
  width: 25%;
  background: #dcdcdd;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  text-align: center;
}

#contacts_info .all_con_info dl dd{
  width: 75%;
  border-bottom: 1px solid #dcdcdd;
  padding: 0 10px;
}

#contacts_info .all_con_info dl dd a{
  display: inline-block;
  line-height: 25px;
  margin-bottom: 0;
}




/*-----sp_cording_start-----*/
@media only screen and (max-width: 1300px) and (max-width: 786px){
  #contact,
  #request,
  #trade{
    width: 95%;
    margin: 0 2.5%;
  }


  /*--------------------------------------------------------------------------------------------------
  contacts_style
  --------------------------------------------------------------------------------------------------*/
  .contacts_style h2{
    width: 100%;
    float: none;
  }

  .contacts_style .contact_link{
    width: 100%;
    float: none;
  }

  .contacts_style .contact_info{
    width: 100%;
    clear: none;
    padding: 20px 0 10px 0;
    text-align: left;
  }


  /*--------------------------------------------------------------------------------------------------
  contact_data
  --------------------------------------------------------------------------------------------------*/
  .contacts_style #contact_data h3 span{
    font-size: 10px;
    font-weight: normal;
    display: block;
  }

  .contacts_style #contact_data dl{
    width: 100%;
  }

  .contacts_style #contact_data dl dt{
    width: 35%;
  }

  .contacts_style #contact_data dl dd{
    width: 65%;
  }


  /*--------------------------------------------------------------------------------------------------
  contact_data_c
  --------------------------------------------------------------------------------------------------*/
  .contacts_style #contact_data .contact_data_c dt,
  .contacts_style #contact_data .contact_data_c dt a{
    background: none;
    width: 60%;
    font-size: 12px;
  }

  .contacts_style #contact_data .contact_data_c dd{
    width: 40%;
  }


  /*--------------------------------------------------------------------------------------------------
  contact_data_d
  --------------------------------------------------------------------------------------------------*/
  .contacts_style #contact_data .contact_data_d{
    width: 100%;
    overflow: hidden;
  }

  .contacts_style #contact_data .contact_data_d li{
    width: 100%;
  }

  .contacts_style #contact_data .contact_data_d select{
    width: 40%;
    height: 30px;
  }

  .contacts_style #contact_data .contact_data_d input{
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }


  /*--------------------------------------------------------------------------------------------------
  all_cc
  --------------------------------------------------------------------------------------------------*/
  #all_cc .confirm_flow_button{
    width: 80%;
    margin: 0 10%;
  }

  #all_cc .return_send_button{
    width: 100%;
    margin: 0;
  }

  #all_cc .return_send_button a p{
    float: none;
  }

  #all_cc .return_send_button a p{
    width: 80%;
    margin: 0 10% 20px;
    padding: 20px 0;
    float: none;
  }

  /*--------------------------------------------------------------------------------------------------
  contacts_info
  --------------------------------------------------------------------------------------------------*/
  #contacts_info{
    width: 95%;
    margin: 0 2.5%;
    padding-top: 50px;
  }

  #contacts_info .all_con_info{
    width: 100%;
    padding: 0 0 50px;
    float: none;
  }




}


/*-----sp_cording_end-----*/