/* author:pingjin.chen
date:2019-6-14
use:index.html */

/* 头部  star */
.head {
  height: 100px;
  background: #ffffff;
  z-index: 5;
}

.head .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.head-logo {
  width: 182px;
  height: 51px;
}

.head-logo img {
  width: 100%;
  height: 100%;
}

.head-phone {
  display: flex;
}

.head-icon {
  width: 42px;
  height: 42px;
}

.head-icon img {
  width: 100%;
  height: 100%;
}

.head-message {
  margin-left: 11px;
}

.head-city-left {
  /* max-width: 84px; */
  max-width: 104px;
  /* padding: 0 10px 0 0; */
}

/* .head-city{
  width: 65px;
  max-width: 105px;
} */

.head-title {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: rgba(132, 132, 132, 1);
}

.head-telphone {
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.head-right {
  display: flex;
  align-items: center;
}

.head-all {
  display: flex;
  margin-right: 30px;
}



.head-city input {
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  width: 100%;
  background: url(../../images/icon_nabla.png)no-repeat 99% center;
  background-size: 8px 5px;
  cursor: pointer;
}

/* 头部  end */

/* 视频  star */
.video {
  position: relative;
  height: 440px;
}

.video img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.video .container {
  position: relative;
}

.message {
  width: 422px;
  height: 380px;
  background: #ffffff;
  z-index: 6;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: -420px;
  padding: 40px 24px 40px 24px;
  box-sizing: border-box;
}

.message h5 {
  font-size: 22px;
  font-family: PingFang-SC-Heavy;
  font-weight: 800;
  color: rgba(51, 51, 51, 1);
  text-align: center;
}


/* 数字滚动 */

.message-number {
  display: flex;
  margin: 12px 0 20px 0;
  align-items: flex-end
}

.icnLeft {
  width: 125px;
  margin-left: 37px;
}

.icnRight {
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #848484;
}

.runNum {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-weight: bold;
  position: relative;
}

.runNum li {
  list-style: none;
  width: 40px;
  /* float: left; */
  position: absolute;
}

.runNum li div {
  background: #333;
  color: #fff;
  margin-right: 4px;
  border-radius: 4px;
  font-size: 18px;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

.runNum li div::after {
  content: "";
  position: absolute;
  height: 1px;
  background: #fff;
  width: 100%;
  top: 50%;
  left: 0
}

/* 信息采集 */
.message-information {
  display: flex;
  justify-content: space-between;
}

.use-city {
  position: relative;
  width: 182px;
}

.el-input__inner {
  padding-left: 90px;
}

.use-city-title,
.message-phone-title {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  left: 10px;
  top: 8px;
}

.message-phone {
  margin: 12px 0 26px 0;
  position: relative;
}

.message-button {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: rgba(255, 218, 68, 1);
  border-radius: 4px;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  text-align: center;
  cursor: pointer;
}

.message-foot {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}

.message-main {
  display: flex;
  align-items: center;
}

.message-icon {
  width: 25px;
  height: 25px;
}

.message-icon img {
  width: 100%;
  height: 100%;
}

.message-title {
  margin-left: 5px;
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(156, 156, 156, 1);
}

/* 视频  end */

/* 导航  star */
.nav {
  height: 44px;
  background: #212121;
}

.nav .container {
  height: 100%;
}

.nav .container ul {
  display: flex;
  justify-content: center;
  height: 100%;
}

.nav .container ul li {
  width: 138px;
  height: 100%;
  text-align: center;
  line-height: 44px;
  color: #ffffff;
  cursor: pointer;
}

.active {
  background: #FFDA44;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(33, 33, 33, 1) !important;
}

/* 导航  end */

/* 导航介绍  star */
.disc {
  height: 100px;
  background: #ffffff;
}

.disc ul {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}

.disc ul li {
  display: flex;
}

.disc-number {
  width: 39px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  background: rgba(255, 218, 68, 1);
  border-radius: 10px;
  font-size: 24px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.disc-right {
  margin-left: 15px;
}

.disc-title {
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.disc-introduce {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
}

/* 导航介绍  end */

/* 车型展示  star */
.models {
  background: #fff;
  margin-top: 10px;
}

.models-title {
  margin: 0 auto;
  padding-top: 40px;
  width: 235px;
  height: 27px;
}

.models-title img {
  width: 100%;
  height: 100%;
}

.models-head {
  height: 72px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(26, 25, 25, 1);
  padding-top: 43px;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.models-head span {
  color: #FFDA44;
}

.models-head::before {
  content: "";
  background: url(../../images/icon_point_left.png)no-repeat center;
  width: 16px;
  height: 7px;
  background-size: 16px 7px;
  display: inline-block;
  margin-right: 6px;
}

.models-head::after {
  content: "";
  background: url(../../images/icon_point_right.png)no-repeat center;
  width: 16px;
  height: 7px;
  background-size: 16px 7px;
  display: inline-block;
  margin-left: 6px;
}

.models-tips {
  height: 80px;
  background: #eee;
  margin: 10px 0 15px 0;

}

.models-tips ul {
  display: flex;
  flex-wrap: wrap;
}

.models-tips-frist {
  margin-left: 20px;
}

.mtf-blod,
.mtf-title,
.mtf-special {
  font-size: 14px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}

.mtf-title {
  color: #666666;
}

.mtf-special {
  color: #FF781E;
}

.model-tips-gap {
  margin-right: 50px;
  line-height: 42px;
}


/* 车辆图片 */
.model-picture {
  margin-top: 10px;
  padding-bottom: 30px;
}

.model-picture ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.model-picture ul li {
  position: relative;
  margin-bottom: 10px;
}

.model-picture ul li .el-image {
  width: 577px;
  height: 187px;
  border: 8px solid rgba(222, 222, 222, 1);
  border-radius: 8px;
}

.model-picture ul li img {
  width: 100%;
  height: 100%;
}

.model-picture ul li span {
  display: inline-block;
  padding: 0 10px 0 15px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  position: absolute;
  right: 8px;
  bottom: 12px;
  background: rgba(0, 0, 0, 1);
  opacity: 0.8;
  border-radius: 10px 0px 0px 0px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 218, 68, 1);
}

.models-bg {
  background: #F4F4F4;
}

.models-tips-bg {
  background: #ffffff;
}

/* 车型展示  end */

/* 我们的优势  star */

.zerofill {
  margin-top: 10px;
  background: #fff;
  padding-bottom: 88px;
}

.zerofill-head {
  width: 295px;
  height: 27px;
  padding: 40px 0 20px 0;
  margin: 0 auto;
}

.zerofill-head img {
  width: 100%;
  height: 100%;
}

.zero-tips {
  font-size: 16px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 32px;
  text-align: center;
}

.zero-head {
  width: 50px;
  height: 50px;
  margin: 0 auto
}

.zero-head img {
  width: 100%;
  height: 100%;
}

.zero-need {
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  margin: 10px 0 12px 0;
  text-align: center;
}

.zero-content {
  width: 1046px;
  height: 46px;
  display: flex;
  align-items: center;
  padding-left: 78px;
  box-sizing: border-box;
  margin: 0 auto;
  background: #F9F9F9;
  border-radius: 10px;
}

.zero-content-text {
  margin-right: 40px;
}

.zcn-title {
  font-family: PingFang-SC-Heavy;
  font-weight: bold;
  font-size: 16px;
  color: #333333
}

.zcn-text {
  font-family: PingFang-SC-Medium;
  font-weight: 400;
  font-size: 16px;
  color: rgba(102, 102, 102, 1);
}

.zero-vs {
  margin: 75px auto 0;
  display: flex;
  padding: 0 200px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
}

.zero-vs-main {
  width: 273px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}

.zero-vs-left {
  background: rgba(255, 228, 117, 1);
  font-size: 22px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
}

.zero-vs-right {
  background: rgba(235, 235, 235, 1);
  font-size: 22px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.zero-img {
  width: 50px;
  height: 34px;
}

.zero-img img {
  width: 100%;
  height: 100%;
}

.win {
  background: #F4F4F4;
}

.win ul li {
  background: #fff;
  margin-bottom: 16px;
}

.win ul li:last-child {
  margin-bottom: 0;
}

.win ul li h5 {
  font-size: 24px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(45, 48, 83, 1);
  text-align: center;
  padding-top: 34px;
}

.win-title {
  width: 232px;
  height: 36px;
  margin: 23px auto 34px;
  line-height: 36px;
  text-align: center;
  background: rgba(244, 244, 244, 1);
  border-radius: 10px;
  font-size: 18px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(45, 48, 83, 1);
}

.win-img {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}

.win-img img {
  width: 100%;
  height: 100%;
}

.win-tips {
  font-size: 24px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(54, 54, 54, 1);
  padding: 30px 0 50px 0;
  text-align: center;
}

.zero-foot {
  width: 100%;
  height: 143px;
}

.zero-foot img {
  width: 100%;
  height: 100%;
}

/* 我们的优势  end */

/* 品牌保障  star */
.brand {
  margin-top: 10px;
  background: #fff;
  padding-bottom: 50px;
}

.brand-head {
  width: 347px;
  height: 27px;
  margin: 0 auto;
  padding: 40px 0 56px 0;
}

.brand-head img {
  width: 100%;
  height: 100%;
}

.brand-content ul li {
  margin-bottom: 50px;
}

.brand-left {
  display: flex;
  align-items: center;
}

.brand-left-img {
  width: 470px;
  height: 260px;
}

.brand-left-img img {
  width: 100%;
  height: 100%;
}

.brand-left-text h5 {
  font-size: 22px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: 40px;
}

.brand-left-text h3 {
  padding: 0 20px;
  height: 45px;
  background: #FFDA44;
  text-align: center;
  line-height: 45px;
  margin-bottom: 25px;
  display: inline-block;
}

.brand-left-text p {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(132, 132, 132, 1);
  line-height: 40px;
  max-width: 610px;
}

.brand-space {
  margin-right: 40px;
}

.brand-space-second {
  margin-right: 62px;
}

.brand-seoncd {
  width: 460px;
}

.brand-content {
  padding-bottom: 50px;
}

.brand-phone {
  height: 110px;
  background: #F4F4F4
}

.brand-phone ul {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.bp-top {
  display: flex;
  align-items: center;
}

.bp-top-img {
  width: 14px;
  height: 21px;
}

.bp-top-img img {
  width: 100%;
  height: 100%;
}

.bp-top-title {
  font-size: 24px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  margin-left: 6px;
}

.bp-tips {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(132, 132, 132, 1);
}

.bp-vertical {
  display: inline-block;
  width: 1px;
  height: 73px;
  background: #D2D2D2;
}


/* 品牌保障  end */

/* 好评如潮  star */
.rave {
  margin-top: 10px;
  background: #ffffff;
  padding-bottom: 50px;
}

.rave-head {
  width: 254px;
  height: 27px;
  margin: 0 auto;
  padding: 40px 0 50px 0;
}

.rave-head img {
  width: 100%;
  height: 100%;
}

.rave ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(238, 238, 238, 1);
  padding: 30px 0;
}

.rave-left {
  display: flex;
}

.rave-left-head {
  width: 60px;
  height: 60px;
}

.rave-left-head img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}

.rave-left-message {
  margin-left: 14px;
}

.rlm-name {
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(18, 20, 31, 1);
  margin-bottom: 14px;
}

.rlm-phone {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(132, 132, 132, 1);
}

.rave-right {
  width: 980px;
}

.rave-right-rate {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tr-star {
  display: flex;
  align-items: center;
}

.tr-star span {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  margin-right: 12px;
}

.tr-time {
  font-size: 14px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(153, 153, 153, 1);
}

.rave-right p {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 30px;
  margin: 20px 0 10px;
}

.rave-img {
  display: flex;
}

.rave-img img {
  width: 100px;
  height: 100px;
  border-radius: 4px;
  margin-right: 10px;
  object-fit: cover;
}

/* 好评如潮  end */


/* 关于我们  star */
.about {
  margin-top: 10px;
  background: #fff;
  padding-bottom: 50px;
}

.about-head {
  width: 175px;
  height: 27px;
  padding: 40px 0 53px 0;
  margin: 0 auto;
}

.about-head img {
  width: 100%;
  height: 100%;
}

.about-content img {
  width: 350px;
  height: 223px;
  float: right;
  margin: 0 0 6px 50px;
}

.about-content p {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 36px;
  margin-bottom: 50px;
}

.about p {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 36px;
  margin-bottom: 20px;
}

.about-us {
  width: 830px;
  height: 425px;
  margin: 0 auto;
}

.about-us img {
  width: 100%;
  height: 100%;
}

/* 关于我们  end */

.mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  opacity: 0;
  /* display: none; */
}

/* 弹窗  star */
.pop {
  width: 550px;
  height: 430px;
  background: rgba(255, 255, 255, 1);
  border-radius: 10px;
  z-index: 100;
  position: fixed;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  opacity: 0;

  /* display: none; */
}

.popShow {
  opacity: 1 !important;
}

.pop-head {
  width: 100%;
  height: 262px;
}

.pop-head img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}

.pop h5 {
  font-size: 24px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  text-align: center;
  margin-bottom: 30px;
}

.pop-city {
  padding: 0 30px 64px 30px;
  display: flex;
  justify-content: space-between;
}

.pop-city .el-cascader .el-input .el-input__inner {
  width: 228px;
  height: 48px;
  border: 2px solid rgba(255, 218, 68, 1);
  border-radius: 4px;
  padding-left: 12px;
}

.pop-city .el-button {
  width: 246px;
  height: 48px;
  background: rgba(255, 221, 81, 1);
  border-radius: 4px;
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.pop-city .el-button:focus,
.pop-city .el-button:hover {
  background: rgba(255, 221, 81, 1);
  color: rgba(51, 51, 51, 1);
  border-color: rgba(255, 221, 81, 1);
}

/* 弹窗  end */

/* 悬浮  star */
.float {
  width: 240px;
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 10;
  background: #fff;
  border-top: 6px solid #FFDA44;
  padding: 0 12px;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}



.float-head {
  height: 60px;
  position: relative;
  line-height: 60px;
}

.fht-city,
.fht-title {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #848484;
}

.fht-title {
  color: #333333;
  font-size: 16px;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* display: inline-block;
  line-height: normal; */
}

.fht-click {
  margin-left: 12px;
  width: 40px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(191, 191, 191, 1);
  border-radius: 9px;
  box-sizing: border-box;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(132, 132, 132, 1);
  display: inline-block;
  cursor: pointer;
}

.float-close {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: normal;
  transition: all 1s;
}

.float-close img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.fm-title {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 10px;
}

.fm-people ul li {
  margin-bottom: 16px;
  display: flex;
}

.fp-img {
  width: 45px;
  height: 45px;
}

.fp-img img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}

.fp-all {
  margin-left: 10px;
}

.fp-all-name {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 10px;
}

.fp-all-wechat {
  padding-left: 24px;
  box-sizing: border-box;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  margin-bottom: 10px;
  background: url(../../images/sm_wechat.png)no-repeat left center;
  background-size: 20px 16px;
}

.fp-all-code {
  width: 128px;
  height: 128px;
}

.fp-all-code img {
  width: 100%;
  height: 100%;
}

.float-tips {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 10px;
  text-align: center;
}

.float-leave {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  margin: 20px 0 10px 0
}

.float-phone input {
  height: 32px;
  background: rgba(249, 249, 249, 1);
  border: 1px solid rgba(216, 216, 216, 1);
  border-radius: 16px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  padding-left: 12px;
  box-sizing: border-box;
  width: 100%
}

.float-phone input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgba(167, 167, 167, 1);
}

.float-phone input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(167, 167, 167, 1);
}

.float-phone input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(167, 167, 167, 1);
}

.float-phone input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(167, 167, 167, 1);
}

.float-button {
  padding: 10px 0 26px 0;
}

.float-button span {
  display: block;
  height: 32px;
  width: 100%;
  text-align: center;
  line-height: 32px;
  background: rgba(255, 218, 68, 1);
  border-radius: 16px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  cursor: pointer;
}

/* 悬浮  end */

/* 头部浮动  star */
.headFloat {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.navFloat {
  position: fixed;
  left: 0;
  top: 100px;
  width: 100%;
  z-index: 5;
}

/* 头部浮动  end */

/* 悬浮关闭  star */

.cloese {
  position: fixed;
  top: 50%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  width: 120px;
  height: 30px;
  /* line-height: 30px; */
  padding: 6px 0;
  z-index: 12;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
  box-shadow: 0 0 2px rgba(0, 0, 0, .2);
  display: flex;
  border-bottom-right-radius: 40px;
  border-top-right-radius: 40px;
  cursor: pointer;
  color: #FFE50C;
  text-indent: 6px;
  align-items: center;
  opacity: 0;
}

.cloeseImg {
  width: 22px;
  height: 22px;
  ;
}

.cloeseImg img {
  width: 100%;
  height: 100%;
}

.floatHidden {
  opacity: 1;
}

.floatNo {
  opacity: 0;
}

/* 悬浮关闭  end */


/* element-ui修改   */
.el-message {
  top: 50% !important;
}


/*date:2019-6-20
Modifier：pingjin.chen
describe:
1.新增全图加载loading
2.修改左下角信息城市过长换行问题
3.导航模块新增首页，车队入驻
4.新增底部信息
*/

.el-loading-spinner {
  position: fixed;
}

.float .el-loading-mask .el-loading-spinner {
  position: absolute !important;
}

.float-head-title {
  display: flex;
  align-items: center;
  height: 60px;
}

.nav-index {
  margin-left: 100px;
  opacity: 0;
  /* display: none; */
}

.nav-index a,
.nav-car a {
  height: 100%;
  display: block;
  position: relative;
}

.nav-index-title {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 218, 69, 1);
}

.nav-index-hot {
  width: 28px;
  height: 19px;
  position: absolute;
  right: 28px;
  top: -14px;
}

.nav-index-hot img {
  width: 100%;
  height: 100%;
}

.nav-car {
  opacity: 0;
}

.nav-car a {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 218, 69, 1);
  padding-left: 20px;
  box-sizing: border-box;
  background: url(../../images/icon_settled.png)no-repeat 22% center;
  background-size: 14px 16px;
}

/* 底部  star */

.foot {
  height: 118px;
  background: rgba(0, 0, 0, 0.8);
  /* opacity: 0.8; */
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  display: none;
}

.foot .container {
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.foot-left {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.foot-photo {
  width: 197px;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
}

.foot-photo img {
  width: 100%;
  height: 100%;
}

.foot-title {
  margin-left: 224px;
  display: flex;
  align-items: center;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.foot-use {
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  padding-bottom: 12px;
  border-bottom: 1px solid #FFD927;
}

.foot-use span {
  color: #FFDA44
}

.foot-use-money {
  font-size: 28px;
}

.foot-message {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(195, 195, 195, 0.77);
  margin-top: 15px;
}

.foot-video {
  margin-left: 20px;
  width: 173px;
  height: 102px;
  cursor: pointer;
}

.foot-video img {
  width: 100%;
  height: 100%;
}

.foot-right {
  position: relative;
}

.foot-right-people {
  width: 185px;
  height: auto;
  left: 0;
  bottom: 0;
  position: absolute;
}

.foot-right-code {
  padding: 0 34px 0 190px;
  display: flex;
  align-items: center;
  height: 100%;
}

.foot-right-code img {
  width: 86px;
  height: 114px;
}

.foot-right-close {
  cursor: pointer;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 6px;
}

.foot-right-close img {
  width: 100%;
  height: 100%;
}

[v-cloak] {
  display: none !important;
}

/* 底部  end */

/* 自驾租车  star */
.rental-car {
  width: 100px;
  height: 100px;
  position: fixed;
  right: 15%;
  top: 78%;
  z-index: 11;
}

.rental-car a {
  display: block
}

.rental-car a img {
  width: 100%;
  height: 100%;
}

/* 自驾租车  end */

/* 2019-7-17修改 */
/* 留言成功弹窗样式变更 */


/* 
2019-8-22修改
新增400网站底部 */
.cfoot {
  height: 184px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background:#232323;
  padding-top:30px;
  padding-bottom:30px;
}

.cfoot div {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(132, 132, 132, 1);
}
.cfoot_wrap{
	margin:0 auto;
	width:1200px;
	overflow:hidden;	
}
.cfoot_left{
	width:970px;
	float:left;
}
.cfoot_left .t{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	margin-bottom:24px;
}
.cfoot_left .b{
	color:#929292;
	font-size:12px;
}
.cfoot_right{
	float:left;
}
.cfoot_right .t{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	margin-bottom:16px;
}
.cfoot_right .t img{
	width:28px;
	height:28px;
	display:inline-block;
	vertical-align: middle;
	margin-right:15px;
}
.cfoot_right .b{
	color:#929292;
	font-size:16px;
	padding-left:43px;
}
.xbc_quote{
	background:#F9F9F9;
	padding:60px 0 90px 0;
}
.xq_wrap{
	margin:0 auto;
	width:1200px;
	overflow:hidden;
}
.xq_title{
	font-size:24px;
	color:#333;
	margin-bottom:30px;
	font-weight:bold;
}

.xbc_quote form{
    position: relative;
	overflow:hidden;
}

.xq_form .use-city{
	float:left;
	margin-right:20px;
	width:280px;
}
.xq_form .message-phone{
	width:390px;
	margin:0;
	float:left;
	margin-right:50px;
}

.xbc_quote .inquiry2{
    width: 158px;
    line-height: 34px;
    background-color: #FFDA44;
    border: 1px solid #FFDA44;
    cursor: pointer;
    float: left;
    outline: none;
	color:#333;
	font-size:14px;
	font-weight:bold;
	border-radius:4px;
	text-align:center;
}