.carImg {
  width: 100%;
  height: auto;
}
.carImg .imgBut {
  width: 100%;
  height: 100%;
  display: block;
}
.fontIcon {
  margin-right: 0.1rem;
}
.fontImgBack {
  width: 38px;
  height: 38px;
  background-image: url("//shopimg.jetour.com.cn/website/foot4.png");
  background-size: 100% 100%;
}
.fontImgBack2 {
  width: 38px;
  height: 38px;
  background-image: url("//shopimg.jetour.com.cn/website/foot2.png");
  background-size: 100% 100%;
}
.fontImgBack3 {
  width: 38px;
  height: 38px;
  background-image: url("//shopimg.jetour.com.cn/website/foot6.png");
  background-size: 100% 100%;
}
.fontImgBack4 {
  width: 38px;
  height: 38px;
  background-image: url("//shopimg.jetour.com.cn/website/foot5.png");
  background-size: 100% 100%;
}
.fontImgBack5 {
  width: 38px;
  height: 38px;
  background-image: url("//shopimg.jetour.com.cn/website/foot3.png");
  background-size: 100% 100%;
}
.fontImgBack7 {
  width: 38px;
  height: 38px;
  background-image: url("//shopimg.jetour.com.cn/website/foot7.png");
  background-size: 100% 100%;
}
.fontImgBack6 {
  width: 38px;
  height: 38px;
  background-image: url("//shopimg.jetour.com.cn/website/foot1.png");
  background-size: 100% 100%;
}
.buttom {
  width: 100%;
  position: relative;
}
.imgBut {
  width: 100%;
  height: auto;
}
.butImg {
  position: absolute;
  left: 2%;
  top: 9%;
}
.imgFlex {
  display: flex;
}
.footImg {
  margin-left: 0.3rem;
  display: flex;
  cursor: pointer;
}
.footImg2 {
  margin-left: 0.3rem;
  display: flex;
  cursor: pointer;
}
.footImg3 {
  margin-left: 0.3rem;
  padding-top: 10px;
  display: flex;
  cursor: pointer;
}
.footImg4 {
  margin-left: 0.3rem;
  padding-top: 10px;
  display: flex;
  cursor: pointer;
}
.footImg5 {
  margin-left: 0.3rem;
  padding-top: 10px;
  display: flex;
  cursor: pointer;
}
.footImg7 {
  margin-left: 0.3rem;
  padding-top: 10px;
  display: flex;
  cursor: pointer;
}
.footImg6 {
  margin-left: 0.3rem;
  padding-top: 10px;
  display: flex;
  cursor: pointer;
}
.iconFoot {
  display: flex;
  position: absolute;
  top: 12px;
  left: 16px;
  z-index: 999;
  transform: skew(15deg);
}
.iconFoot2 {
  position: absolute;
  font-size: 0.7rem;
  color: #c9eee8;
  display: none;
  top: 18px;
  left: 16px;
  z-index: 888;
  transform: skew(15deg);
}
.auto_77 {
  margin: 0 auto;
  width: 77%;
}
.fontText {
  font-size: 0.2rem;
  line-height: 0.3rem;
}
.fontText1 {
  width: 84%;
  font-size: 0.1rem;
  color: #9d9d9f;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.fontRight {
  width: 23px;
  height: 23px;
  z-index: 999;
  background-image: url("//shopimg.jetour.com.cn/website/right1.png");
  background-size: 100%;
  position: absolute;
  display: none;
  top: 0.3rem;
  right: 5px;
  transform: skew(15deg);
}
.diamond {
  width: 155px;
  height: 60px;
  transform: skew(-15deg);
  position: relative;
  background-color: #ffffff;
}

.diamond:hover .fontText {
  color: #00a199;
}
.diamond:hover .fontText1 {
  color: #00a199;
}
.diamond:hover .fontImgBack {
  background-image: url("//shopimg.jetour.com.cn/website/foot44.png") !important;
}
.diamond:hover .fontImgBack2 {
  background-image: url("//shopimg.jetour.com.cn/website/foot22.png") !important;
}
.diamond:hover .fontImgBack3 {
  background-image: url("//shopimg.jetour.com.cn/website/foot66.png") !important;
}
.diamond:hover .fontImgBack4 {
  background-image: url("//shopimg.jetour.com.cn/website/foot55.png") !important;
}
.diamond:hover .fontImgBack5 {
  background-image: url("//shopimg.jetour.com.cn/website/foot33.png") !important;
}
.diamond:hover .fontImgBack7 {
  background-image: url("//shopimg.jetour.com.cn/website/foot77.png") !important;
}
.diamond:hover .fontImgBack6 {
  background-image: url("//shopimg.jetour.com.cn/website/foot11.png") !important;
}
.footImg:hover .fontRight {
  display: block;
}
.footImg2:hover .fontRight {
  display: block;
}
.footImg3:hover .fontRight {
  display: block;
}
.footImg4:hover .fontRight {
  display: block;
}
.footImg5:hover .fontRight {
  display: block;
}
.footImg7:hover .fontRight {
  display: block;
}
.footImg6:hover .fontRight {
  display: block;
}
.diamond:hover .iconFoot2 {
  display: block;
  animation: mymoveNum 0.3s;
  -webkit-animation: mymoveNum 0.3s;
  animation-fill-mode: forwards;
}
.diamond:hover .iconFoot {
  animation: mymove 0.3s;
  -webkit-animation: mymove 0.3s;
  animation-fill-mode: forwards;
}
@keyframes mymove {
  from {
    left: 16px;
  }
  to {
    left: 12px;
  }
}
@keyframes mymoveNum {
  from {
    left: 16px;
  }
  to {
    left: 12px;
  }
}
.count1 {
  font-size: 17px;
  width: 100%;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.topType {
  margin-top: 44px !important;
}
.count2 {
  width: 100%;
  margin-top: 24px;
  color: #7d7a7d;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.imgList {
  width: 240px;
  height: 170px;
  margin-top: 50px;
  margin-right: 50px;
}
.newImg {
  display: flex;
  height: 100%;
}
.textNew {
  height: 100%;
  margin: 60px 0px;
}
.imgNew {
  height: 100%;
}
.dateNew {
  height: 100%;
  width: 111px;
}
.rightBor {
  height: 100%;
  width: 100%;
  display: flex;
  border-bottom: 1px solid #f7f7f7;
}
.numberDate {
  font-size: 12px;
  color: #9f9c9f;
  margin-top: 10px;
}
.timedate {
  font-size: 20px;
  margin-top: 110px;
}
.carList {
  width: 100%;
}
.btnSearchLeft {
  width: 40px;
  height: 38px;
  background: url("//shopimg.jetour.com.cn/cms/pc/images/tu_biao.png")
    no-repeat;
  background-position: -91px -98px;
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  cursor: pointer;
}
.newTop {
  padding-top: 13px;
}
.textSearchRight {
  height: 16px;
  width: 100%;
  line-height: 16px;
  padding: 0 10px 0 40px;
  border: none;
  background: none;
  display: block;
}
.textSearchRight::-webkit-input-placeholder {
  color: #797778 !important;
}
.textSearchRight::-moz-input-placeholder {
  color: #797778 !important;
}
.textSearchRight::-ms-input-placeholder {
  color: #797778 !important;
}
.topico {
  display: flex;
  height: 100%;
  justify-content: space-between;
}
