body {
  background-color: #f5f5f5 !important;
}

.header {
  width: 100%;
  height: 30vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2% 2%;
  margin-bottom: 2vw;
  background: linear-gradient(to left,#ff7575,#ff0000);
  color: #fff;
}
.header a{
  color: #fff;
}

.header .image {
  width: 26.045%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.header .image img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

.header .name {
  padding-left: 2%;
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.header .name .p1 {
  font-size: 1.2rem;
  font-weight: bold;
}

.header .name .p2 {
  color: #e2dfdf;
  margin-top: 5%;
}

.header .right {
  width: 10%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.title {
  width: 100%;
  height: 7vw;
  border-bottom: 1px solid #f5f5f5;
  padding: 0 2%;
  background-color: #fff;
  display: flex;
  align-items: center;
}

.contont {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2vw;
}

.contont .item {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #333;
}

.contont .item span {
  font-size: 2rem;
  margin-bottom: 10%;
}

.message {
  height: 17.5vw;
}

.sedan1 {
  height: auto;
  padding: 2% 0 3% 0;
}

.sedan2 {
  height: 17.5vw;
}

.sedan3 {
  height: 17.5vw;
}