@font-face {
  font-family: 'iconfont';
  /* Project id 2661985 */
  src:
   /* url("https://at.alicdn.com/t/font_2661985_jhvtbi0scm9.woff2?t=1625763551985") format("woff2"), url("https://at.alicdn.com/t/font_2661985_jhvtbi0scm9.woff?t=1625763551985") format("woff"), url("https://at.alicdn.com/t/font_2661985_jhvtbi0scm9.ttf?t=1625763551985") format("truetype"), */
    /*  url('https://at.alicdn.com/t/font_2595567_f8ylzhxjwe.woff2?t=1626364957713') format('woff2'),
       url('https://at.alicdn.com/t/font_2595567_f8ylzhxjwe.woff2?t=1626364957713') format('woff'),
      url('https://at.alicdn.com/t/font_2595567_f8ylzhxjwe.woff2?t=1626364957713') format('truetype'); */

   url('/r/cms/passenger/passenger/fonts/font_2595567_f8ylzhxjwe2.woff2?t=1626364957713') format('woff2'),
       url('/r/cms/passenger/passenger/fonts/font_2595567_f8ylzhxjwe.woff2?t=1626364957713') format('woff'),
      url('/r/cms/passenger/passenger/fonts/font_2595567_f8ylzhxjwe_truetype.woff2?t=1626364957713') format('truetype');

}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dsanjiao:before {
  content: "\e642";
}
.icon-search:before {
  content: "\e62f";
}
.icon-rightjt:before {
  content: "\e727";
}
.icon-wx:before {
  content: "\e659";
}
.icon-qq:before {
  content: "\e62e";
}
.icon-wb:before {
  content: "\e67a";
}
.icon-upicon:before {
  content: "\e62d";
}
.icon-caidan::before{
  content: '\e61e';
}
.icon-guanbi::before{
  content: '\e681';
}




html, body {
  width: 100%;
  height: 100%;
  font-family: NotoSansHans;
}
.navslot{
height:1rem;
}

#index {
  background: #fff;
}

#index .h6 {
  width: 100%;
  height: .52rem;
  font-size: .52rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: .52rem;
  position: relative;
  padding-left:1rem;
}
#index .h6 .ckgd{
    font-size: 0.2rem;
    font-weight: 400;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#000;
    padding-top:0.14rem;
}
#index .h6 .ckgd img{
    width: 0.2rem;
    padding-left: 0.04rem;
}
#index .h6.active::before {
  content: '';
  width: .74rem;
  height: .07rem;
  background: #D60000;
  border-radius: .04rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.28rem;
  position: absolute;
}

#index .w1726 {
  width: 17.26rem;
  margin: 0 auto;
}

#index #banner {
  width: 100%;
  display: block;
  position: relative;
}

#index #banner img {
  width: 100%;
  height: 100%;
  display: block;
}

#index #banner .color {
  position: absolute;
  width: 100%;
  bottom: -4.06rem;
  height: 4.06rem;
  background: #f7f5f6;
}

#index #banner .swiper-pagination {
  bottom: 0.39rem !important;
  box-sizing: border-box;
  padding-right: .83rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#index #banner .swiper-pagination .swiper-pagination-bullet {
  width: .18rem;
  height: .18rem;
  background: #ADADAD;
  border-radius: 50%;
  margin-left: .16rem;
  opacity: 1 !important;
}

#index #banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: .91rem;
  height: .18rem;
  background: #CA171E;
  border-radius: .09rem;
}

#index .car {
  margin-top: 1.73rem;
  position: relative;
}

#index .car .box {
  width: 100%;
  height: 5.85rem;
  background: #FFFFFF;
  box-shadow: 0px 0.03rem 0.07rem 0px rgba(4, 0, 0, 0.11);
  margin-top: .48rem;
  box-sizing: border-box;
  padding: 0 1rem;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top:0.93rem;
}

#index .car .box .btn {
  width: .77rem;
  height: .96rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EAEAEA;
  transition: all .6s;
  cursor: pointer;
}

#index .car .box .btn i {
  font-size: .24rem;
}

#index .car .box .btn:hover {
  background: #CA171E;
}

#index .car .box .btn:hover i {
  color: #fff;
}

#index .car .box .btn.left {
  left: 0;
}

#index .car .box .btn.right {
  right: 0;
}

#index .car .loop .swiper-slide {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
}

#index .car .loop .swiper-slide img {
  width: 100%;
  height: 2rem;
  display: block;
  object-fit: contain;
}

#index .car .loop .swiper-slide p {
  width: 100%;
  font-size: .24rem;
  font-family: NotoSansHans;
  font-weight: 400;
  color: #000000;
  line-height: .24rem;
  margin-top: .3rem;
  text-align: center;
}

#index .activity {
  margin-top: 1.73rem;
}

#index .activity .ad {
  width: 100%;
  height: 6.33rem;
  display: flex;
  align-items: center;
  margin-top: .93rem;
  justify-content: space-between;
}

#index .activity .ad .left {
  width: 70%;
  height: 100%;
}

#index .activity .ad .left img {
  width: 100%;
  height: 100%;
}

#index .activity .ad .right {
  width:30%;
  height: 100%;
  background-color: #1c1f25;
  box-sizing: border-box;
  padding: 1.11rem .3rem 0 1.25rem;
}

#index .activity .ad .right .n {
  font-size: .69rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #ED0000;
  line-height: .69rem;
  margin-bottom: .69rem;
}

#index .activity .ad .right .t {
  font-size: .73rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .73rem;
  margin-bottom: .2rem;
}

#index .activity .ad .right .st {
  font-size: .64rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .64rem;
}

#index .activity .ad .right a {
  width: 1.71rem;
  height: .48rem;
  text-align: center;
  line-height: .48rem;
  font-size: .28rem;
  font-family: NotoSansHans;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  margin-top: .95rem;
  border: 1px solid #fff;
  display: block;
}

#index .news {
  margin-top: .81rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#index .news .items {
  width:33%;
  background: #f8f8f8;
}

#index .news .items:nth-child(2) {
  margin: 0 .25rem;
}

#index .news .items .img {
  width: 100%;
  height: 3.23rem;
}

#index .news .items .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#index .news .items .con {
  height: 1.18rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .3rem;
  box-sizing: border-box;
}

#index .news .items .con span {
  flex: 1;
  box-sizing: border-box;
  padding-right: .16rem;
  font-size: .22rem;
  line-height: .22rem;
  font-family: NotoSansHans;
  font-weight: 400;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}

#index .news .items .con a {
  display: block;
  width: .88rem;
  height: .24rem;
  text-align: center;
  line-height: .24rem;
  font-size: .14rem;
  font-family: NotoSansHans;
  font-weight: normal;
  color: #000000;
  border: 1px solid #000000;
}

#index .lastbox {
  margin-top: 1.73rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#index .lastbox h6 {
  margin-bottom: .88rem;
}

#index .lastbox .items {
  width: 4rem;
  height: 4.74rem;
  background: #FFFFFF;
  box-shadow: 0px 0.03rem 0.07rem 0px rgba(4, 0, 0, 0.11);
}

#index .lastbox .items .img {
  width: 100%;
  height: 2.5rem;
}

#index .lastbox .items .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#index .lastbox .items .name {
  width: 100%;
  box-sizing: border-box;
  padding: 0 .36rem;
  margin-top: .36rem;
  font-size: .18rem;
  font-family: NotoSansHans;
  font-weight: 400;
  color: #2F2F2F;
  line-height: inherit;
  position: relative;
  display: flex;
  letter-spacing:0.01rem;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  height: .5rem;
}

#index .lastbox .items .name::before {
  content: '';
  width: .04rem;
  height: .5rem;
  background: #D60000;
  position: absolute;
  top: 0;
  left: .19rem;
}

#index .lastbox .items a {
  width: 3.7rem;
  height: .6rem;
  border: 2px solid #EEEEEE;
  margin: 0 auto;
  margin-top: .34rem;
  text-align: center;
  line-height: .64rem;
  font-size: .2rem;
  font-family: NotoSansHans;
  font-weight: 500;
  color: #D60000;
  display: block;
}

#index .qrcode {
  margin-top: 1.73rem;
}

#index .qrcode h6 {
  margin-bottom: .89rem;
}

#index .qrcode .box {
  display: flex;
  justify-content: space-between;
}

#index .qrcode .box .items {
  width: 5.89rem;
  height: 5.02rem;
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

#index .qrcode .box .items:nth-child(2) {
  margin: 0 .15rem;
}

#index .qrcode .box .items p {
  transform: translateY(-0.88rem);
}
#index .qrcode .box .items:first-child p{
  transform: translateY(-0rem);
}
#index .qrcode .box .items:hover .code {
  opacity: 1;
}

#index .qrcode .box .items p {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  text-align: center;
  height: .45rem;
  font-size: .45rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .45rem;
  letter-spacing: .04rem;
  transition: all .6s;
}

#index .qrcode .box .items .code {
  width: 1.72rem;
  height: 1.72rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  top: 2.18rem;
  opacity: 1;
  transition: all .8s;
}

#index .qrcode .box .items .bgs {
  width: 100%;
  height: 100%;
}

#index .iconbox {
  margin-top: 1.38rem;
  box-sizing: border-box;
  padding: 0 2.53rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.28rem;
}

#index .iconbox .items {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  flex-direction: column;
}

#index .iconbox .items img {
  width: 1.48rem;
  height: 1.48rem;
}

#index .iconbox .items p {
  width: 100%;
  text-align: center;
  margin-top: .39rem;
  text-align: center;
  font-size: .36rem;
  font-family: NotoSansHans;
  font-weight: 400;
  color: #9FA0A0;
  line-height: .36rem;
}

#merchants {
  background: #fff;
}

#merchants .h6 {
  width: 100%;
  height: .52rem;
  font-size: .52rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: .52rem;
  position: relative;
}

#merchants .h6.active::before {
  content: '';
  width: .74rem;
  height: .07rem;
  background: #D60000;
  border-radius: .04rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.28rem;
  position: absolute;
}

#merchants .w1498 {
  width: 14.98rem;
  margin: 0 auto;
}

#merchants .choose {
  padding-top: 2.29rem;
}

#merchants .choose .box {
  margin-top: 1.01rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#merchants .choose .box a {
  padding: .13rem .2rem;
  font-size: .24rem;
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: black;
  line-height: .24rem;
  margin: 0 .12rem;
}

#merchants .choose .box a.active {
  color: #f8f8f8;
  background: #CB171E;
  border-radius: .25rem;
}

#merchants .choose .img {
  position: relative;
  height: 5.38rem;
  margin-top: .6rem;
}

#merchants .choose .img img {
  width: 100%;
  height: 100%;
}

#merchants .choose .img .buy {
  width: 3.83rem;
  height: 5.38rem;
  background: #CB171E;
  border-radius: 0px 0px .6rem 0px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 1.8rem 0 0 .67rem;
}

#merchants .choose .img .buy h5 {
  font-size: .5rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .5rem;
}

#merchants .choose .img .buy a {
  margin-top: .4rem;
  width: 1.42rem;
  height: .58rem;
  border: 1px solid #ffff;
  text-align: center;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #fff;
  line-height: .58rem;
  display: block;
}

#merchants .choose .loop {
  display: flex;
  align-items: center;
  margin-top: .34rem;
  justify-content: space-between;
}

#merchants .choose .loop .items {
  width: 3.48rem;
  height: 2.7rem;
}

#merchants .choose .loop .items img {
  width: 100%;
  height: 100%;
}

#merchants .choose .loop .btn {
  width: .60rem;
  height: .60rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EAEAEA;
  z-index: 90;
  transition: all .6s;
  cursor: pointer;
}

#merchants .choose .loop .btn i {
  font-size: .24rem;
}

#merchants .choose .loop .btn:hover {
  background: #CA171E;
}

#merchants .choose .loop .btn:hover i {
  color: #fff;
}

#merchants .choose .loop .btn.left {
  left: 0;
}

#merchants .choose .loop .btn.right {
  right: 0;
  transform: rotate(180deg);
}

#merchants .bigtitle {
  margin-top: 1rem;
  margin-bottom: .7rem;
  font-size: .4rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #333333;
  line-height: .4rem;
  text-align: center;
}

#merchants .jiamone {
  box-sizing: border-box;
  padding: 1.09rem 3.18rem 1.09rem 3.18rem;
  background: #EAEAEA;
}

#merchants .jiamone.active {
  background: #fff;
  padding-left: 1.99rem;
  padding-right: 1.99rem;
}

#merchants .jiamone h5 {
  margin-bottom: .69rem;
  font-size: .5rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #333333;
  line-height: .5rem;
  text-align: center;
}

#merchants .jiamone .small {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#merchants .jiamone .small p {
  width: 50%;
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #333333;
  line-height: .3rem;
}

#merchants .jiamone .icon {
  display: flex;
  justify-content: space-between;
}

#merchants .jiamone .icon .items {
  width: 25%;
}

#merchants .jiamone .icon .items .img {
  width: .4rem;
  height: .4rem;
  display: flex;
  margin: 0 auto;
  justify-content: center;
}

#merchants .jiamone .icon .items .img img {
  max-width: 100%;
}

#merchants .jiamone .icon .items .border {
  width: 100%;
  border: 1px dashed #000000;
  margin-top: .4rem;
  position: relative;
  box-sizing: border-box;
}

#merchants .jiamone .icon .items .border::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  width: .12rem;
  height: .12rem;
  background: #FFFFFF;
  border: .03rem solid #D1D1D1;
  border-radius: 50%;
}

#merchants .jiamone .icon .items .text {
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #333333;
  line-height: .27rem;
  margin-top: .25rem;
  box-sizing: border-box;
  padding: 0 .18rem;
}

#merchants .jiamone .table {
  width: 100%;
}

#merchants .jiamone .table ul {
  width: 100%;
}

#merchants .jiamone .table ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .66rem;
  background: #ffff;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  box-sizing: border-box;
  border-left: 1px solid rgba(51, 51, 51, 0.2);
  border-right: 1px solid rgba(51, 51, 51, 0.2);
}

#merchants .jiamone .table ul li span {
  flex: 1;
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #333333;
  line-height: .66rem;
  text-align: center;
}

#merchants .jiamone .table ul li span:nth-child(2) {
  box-sizing: border-box;
  border-left: 1px solid rgba(51, 51, 51, 0.2);
  border-right: 1px solid rgba(51, 51, 51, 0.2);
}

#merchants .jiamone .table ul li:nth-child(1) {
  background: #4D4D4D;
  border: none;
}

#merchants .jiamone .table ul li:nth-child(1) span {
  flex: 1;
  text-align: center;
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .66rem;
  text-align: center;
  border: none;
}

#merchants .jiamone .tell {
  width: 100%;
}

#merchants .jiamone .tell .items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #333333;
  line-height: .2rem;
  margin-bottom: .15rem;
}

#merchants .jiamone .tell .items .icon {
  width: .32rem;
  height: .32rem;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: .2rem;
}

#merchants .jiamone .down {
  width: 100%;
}

#merchants .jiamone .down .items {
  width: 100%;
  height: .58rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: .2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#merchants .jiamone .down .items span {
  font-size: .22rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #333333;
  line-height: .22rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}

#merchants .jiamone .down .items a {
  width: 1.7rem;
  height: .58rem;
  background: #D60000;
  text-align: center;
  line-height: .58rem;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
}

#merchants .jiamone .down .tips {
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #333333;
  line-height: .18rem;
  opacity: 0.8;
  margin-top: .2rem;
  margin-bottom: .4rem;
}
.location{
  margin-top:1rem;
    padding: 0.14rem 0.36rem;
    display: flex;
    align-items: center;
    font-size:0.2rem;
    font-family:SourceHanSansSC;
    padding-top:0.2rem;
}
#brandCenter .bannerimg {
  width: 100%;
}

#brandCenter .bannerimg img {
  width: 100%;
  display: block;
}

#brandCenter .w1497 {
  width: 14.97rem;
  margin: 0 auto;
}

#brandCenter .loop {
  margin-top: .6rem;
  position: relative;
}

#brandCenter .loop .btn {
  width: .6rem;
  height: .6rem;
  background: #E4E4E4;
  position: absolute;
  top: 34%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .8s;
  cursor: pointer;
}

#brandCenter .loop .btn i {
  color: #cb171e;
  font-weight: bold;
}

#brandCenter .loop .btn:hover {
  background-color: #cb171e;
}

#brandCenter .loop .btn:hover i {
  color: #fff;
}

#brandCenter .loop .btn.left {
  left: -.9rem;
}

#brandCenter .loop .btn.right {
  right: -.9rem;
}

#brandCenter .loop .btn.right i {
  transform: rotate(180deg);
}

#brandCenter .loop .swiper-slide img {
  width: 3.48rem;
  height:auto;
}

#brandCenter .loop .swiper-slide p {
  width: 100%;
  margin-top: .2rem;
  font-size: .3rem;
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #242424;
  line-height: .3rem;
  text-align: center;
}

#brandCenter .new {
  margin-top: .4rem;
  justify-content: space-between;
  padding-bottom: 1.15rem;
}

#brandCenter .new h6 {
  width: 100%;
  position: relative;
  font-size: .4rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #474747;
  line-height: .4rem;
  box-sizing: border-box;
  padding-left: .14rem;
  margin-bottom: .42rem;
}

#brandCenter .new h6::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: .05rem;
  height: .4rem;
  background: #CB171E;
}

#brandCenter .new .left {
  width: 7.1rem;
}

#brandCenter .new .left .video {
  width: 100%;
  height: 4.74rem;
  position: relative;
}

#brandCenter .new .left .video .play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: .62rem;
  height: .62rem;
  cursor: pointer;
}

#brandCenter .new .left .video .img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#brandCenter .new .left .video video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#brandCenter .new .left .list {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: .24rem;
  justify-content: space-between;
}

#brandCenter .new .left .list li {
  width: 1.57rem;
  height: 1.05rem;
  box-sizing: border-box;
  cursor: pointer;
}

#brandCenter .new .left .list li.active {
  border: .04rem solid #D60000;
}

#brandCenter .new .left .list li img {
  width: 100%;
  height: 100%;
}

#brandCenter .new .right {
  flex: 1;
  box-sizing: border-box;
  padding-left: .7rem;
}

#brandCenter .new .right ul {
  width: 100%;
}

#brandCenter .new .right ul li {
  width: 100%;
  margin-bottom: .165rem;
}

#brandCenter .new .right ul li:last-child {
  margin-bottom: 0;
}

#brandCenter .new .right ul li:last-child a {
  border: none !important;
}

#brandCenter .new .right ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: .165rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#brandCenter .new .right ul li a .date {
  width: 113px;
  height: 87px;
  background: #E0E0E0;
  opacity: rgba(224, 224, 224, 0.8);
  box-sizing: border-box;
  padding-top: .23rem;
  padding-left: .29rem;
}

#brandCenter .new .right ul li a .date p:nth-child(1) {
  font-size: .22rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #CB171E;
  line-height: .22rem;
  margin-bottom: .11rem;
}

#brandCenter .new .right ul li a .date p:nth-child(2) {
  font-size: .16rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #333333;
  line-height: .16rem;
}

#brandCenter .new .right ul li a .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #333333;
  line-height: .29rem;
  box-sizing: border-box;
  padding-left: .4rem;
}

#branddetail {
  background-color: #f8f8f8;
}

#branddetail .w1497 {
  width: 14.97rem;
  margin: 0 auto;
}

#branddetail .choose {
  width: 100%;
  background-color: #f8f8f8;
  padding: .4rem 0 .3rem 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top:1rem;
}

#branddetail .choose a {
  box-sizing: border-box;
  padding: .13rem .17rem;
  font-size: .24rem;
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: black;
  line-height: .24rem;
  margin: 0 .06rem;
  letter-spacing: 1px;
}

#branddetail .choose a.active {
  color: #fff;
  background: #CB171E;
  border-radius: .25rem;
}

#branddetail .imgbox {
  width: 100%;
}

#branddetail .imgbox img {
  width: 100%;
  display: block;
}

#branddetail .list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: .7rem;
  padding-bottom: .9rem;
}

#branddetail .list a {
  width: 4.78rem;
  margin-bottom: .2rem;
  margin-right:0.21rem;
}

#branddetail .list a img {
  width: 100%;
  /* height: 2.66rem; */
}

#branddetail .list a p {
  font-size: .2rem;
  text-align: center;
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #333333;
  line-height: .2rem;
}

#story .w1800 {
  width: 18rem;
  margin: 0 auto;
}

#story .smbanner {
  width: 100%;
  position: relative;
  height: 7rem;
  overflow: hidden;
}

#story .smbanner .title {
  position: absolute;
  bottom: .8rem;
  left: 2.1rem;
}

#story .smbanner .title p:nth-child(1) {
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .2rem;
  margin-bottom: .24rem;
}

#story .smbanner .title p:nth-child(2) {
  font-size: .4rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .4rem;
}

#story .smbanner .title a {
  width: 1.68rem;
  height: .52rem;
  border: 2px solid #fff;
  border-radius: .26rem;
  margin-top: .45rem;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #fff;
  line-height: .54rem;
}

#story .smbanner .title a img {
  width: .1rem;
  height: .13rem;
  margin-left: .14rem;
}

#story .smbanner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#story .choose {
  width: 100%;
  height: .84rem;
  background: #E9E9E9;
  display: flex;
  align-items: center;
  justify-content: center;
}

#story .choose a {
  font-size: .22rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #474747;
  line-height: .84rem;
  height: 100%;
  margin: 0 .3rem;
    font-weight: bold;
}

#story .choose a.active {
  border-bottom: 4px solid #cc000c;
  box-sizing: border-box;
}

#story .list {
  margin-top: 1.15rem;
  width:95%;
  margin:0 auto;
}

#story .list .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#story .list .top select {
  width: 1.87rem;
  height: .52rem;
  background: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: .2rem;
  margin: 0 .15rem;
  outline: none;
}

#story .list ul {
  width:100%;
  margin-top: .86rem;
}

#story .list ul li {
  display: flex;
  justify-content: flex-start;
  padding-bottom: .2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
  margin-top: .2rem;
}

#story .list ul li:last-child {
  border-bottom: 0px;
}

#story .list ul li .img {
  width: 5.64rem;
  height: 3.8rem;
}

#story .list ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#story .list ul li .right {
  flex: 1;
  height: 3.8rem;
  box-sizing: border-box;
  padding-left: .4rem;
  padding-top: .65rem;
}

#story .list ul li .right .time {
  font-size: .2rem;
  font-weight: normal;
  color: #000000;
  line-height: .2rem;
}

#story .list ul li .right h6 {
  font-size: .24rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #000000;
  line-height: .24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  margin-top: .4rem;
}

#story .list ul li .right .con {
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #000000;
  line-height: .27rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  opacity: 0.6;
  margin-top: .25rem;
}

#story .list ul li .right a {
  width: 1.68rem;
  height: .52rem;
  border: 2px solid #c4c4c4;
  border-radius: 1px;
  margin-top: .45rem;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: black;
  line-height: .54rem;
}

#story .list ul li .right a img {
  width: .1rem;
  height: .13rem;
  margin-left: .14rem;
}

#story .list .page {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto;
  padding-bottom: 1.2rem;
}

#story .list .page .num {
  padding: .08rem .11rem;
  color: #999999;
  border-radius: .04rem;
  font-size: .18rem;
  display: inline-block;
  background-color: #fff;
  margin: 0 .06rem;
  cursor: pointer;
}

#story .list .page .num.active {
  background: #e1140a;
  color: #fff;
}

#story .list .page .prev {
  width: .8rem;
  height: .4rem;
  background: #FFFFFF;
  border-radius: .04rem;
  text-align: center;
  line-height: .4rem;
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  margin: 0 .06rem;
  cursor: pointer;
  color: #999999;
}

#story .list .page .prev.active {
  background: #e1140a;
  color: #fff;
}

#service .w1800 {
  width: 18rem;
  margin: 0 auto;
}

#service .h6 {
  width: 100%;
  height: .52rem;
  font-size: .52rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: .52rem;
  position: relative;
  margin-top: 1.2rem;
}

#service .h6.active::before {
  content: '';
  width: .74rem;
  height: .07rem;
  background: #5474a0;
  border-radius: .04rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.28rem;
  position: absolute;
}

#service .smbanner {
  width: 100%;
  position: relative;
}

#service .smbanner .bg {
    width: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
}

#service .smbanner .choose {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding:2rem 0;
}

#service .smbanner .choose .items {
  margin: 0 .42rem;
}

#service .smbanner .choose .items .icon {
  width: .44rem;
  height: .44rem;
  display: block;
  margin: 0 auto;
}

#service .smbanner .choose .items p {
  font-size: .4rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .4rem;
  text-align: center;
  margin-top: .36rem;
}

#service .smbanner .choose .items a {
  width: 2.87rem;
  height: .6rem;
  background: #5474a0;
  border-radius: .3rem;
  text-align: center;
  line-height: .6rem;
  font-size: .3rem;
  font-weight: bold;
  color: #FFFFFF;
  display: block;
  margin-top: .32rem;
}
#service .smbanner .choose .items span {
  width: 2.87rem;
  height: .6rem;
  background: #5474a0;
  border-radius: .3rem;
  text-align: center;
  line-height: .6rem;
  font-size: .3rem;
  font-weight: bold;
  color: #FFFFFF;
  display: block;
  margin-top: .32rem;
}

#service .list {
  display: flex;
  justify-content: space-between;
  margin-top: 1.14rem;
  padding-bottom: 0.1rem;
}

#service .list .left {
  flex: 1;
  height: 100%;
}

#service .list .left .top {
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#service .list .left .top.active {
  margin-top: .1rem;
}

#service .list .left .top.active .items {
  background-color: #5474a0;
}

#service .list .left .top .items {
  width: 5rem;
  height: 100%;
  background: #1B1E23;
  position: relative;
  box-sizing: border-box;
  padding-top: 1.2rem;
  padding-left: .52rem;
}

#service .list .left .top .items .num {
  font-size: .34rem;
  font-family: Arial;
  font-weight: bold;
  color: #F8F8F8;
  line-height: .34rem;
  opacity: 0.2;
  position: absolute;
  bottom: .3rem;
  right: .26rem;
}

#service .list .left .top .items p {
  font-size: .34rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #F8F8F8;
  line-height: .34rem;
  box-sizing: border-box;
  width: 100%;
  left: 0;
  position: relative;
}

#service .list .left .top .items p::before {
  content: '';
  width: .3rem;
  height: .04rem;
  background-color: #F8F8F8;
  position: absolute;
  left: 0;
  bottom: -.28rem;
}

#service .list .left .top img {
  flex: 1;
  height: 100%;
}

#service .list .right {
  width: 4.49rem;
  height: 7.3rem;
  background: #1B1E23;
  box-sizing: border-box;
  padding-top: 1.2rem;
  padding-left: .38rem;
  margin-left: .1rem;
  position: relative;
}

#service .list .right .num {
  font-size: .34rem;
  font-family: Arial;
  font-weight: bold;
  color: #F8F8F8;
  line-height: .34rem;
  opacity: 0.2;
  position: absolute;
  bottom: .3rem;
  right: .26rem;
}

#service .list .right p {
  font-size: .34rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #F8F8F8;
  line-height: .34rem;
  box-sizing: border-box;
  width: 100%;
  left: 0;
  position: relative;
}

#service .list .right p::before {
  content: '';
  width: .3rem;
  height: .04rem;
  background-color: #F8F8F8;
  position: absolute;
  left: 0;
  bottom: -.28rem;
}

#service .list .right .qrcode {
  width: 1.68rem;
  height: 1.68rem;
  background: #FFFFFF;
  margin: 0 auto;
  margin-top: 1.6rem;
  transform: translateX(-0.2rem);
}

#service .list .right .qrcode img {
  width: 100%;
  height: 100%;
}

#reservation .w1450 {
  width: 14.5rem;
  margin: 0 auto;
}

#reservation .tips {
  text-align: center;
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #333333;
  line-height: .28rem;
  margin-top: 1rem;
}

#reservation .tips span {
  color: #cb171e;
}

#reservation .box {
  margin-top: .4rem;
  height: 3.86rem;
  padding-bottom:0.4rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 0.46rem 0px rgba(0, 0, 0, 0.11);
}

#reservation .h6 {
  width: 100%;
  height: .52rem;
  font-size: .52rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: .52rem;
  position: relative;
  margin-top: 0.4rem;
}

#reservation .h6.active::before {
  content: '';
  width: .74rem;
  height: .07rem;
  background: #5474a0;
  border-radius: .04rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.28rem;
  position: absolute;
}

#reservation ul.testdriverul {
  width: 100%;
  box-sizing: border-box;
  padding: .35rem .95rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#reservation ul.testdriverul li {
  width: 3.78rem;
  height: .62rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: .1rem;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #000000;
}

#reservation ul.testdriverul li.xing{
  display: flex;
  align-content: space-between;
  justify-content: space-evenly;
  align-items: center;
}
#reservation ul.testdriverul li.xing span{
  color:#F44336;
  display: block;
  margin-bottom:-0.1rem;
}

#reservation ul.testdriverul li input, #reservation ul.testdriverul li select {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
}
#reservation ul.testdriverul li input::placeholder{
  color:#000;
}
#reservation button {
  width: 1.7rem;
  height: .58rem;
  display: block;
  margin: 0 auto;
  margin-top: .4rem;
  background: #203755;
 /*  margin: 0 auto;*/
  letter-spacing: 1px;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .58rem;
}

#reservation .bottom {
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #333333;
  line-height: .28rem;
  text-align: center;
  margin-top: .6rem;
  padding-bottom: 1.27rem;
}

#financial .w1720 {
  width: 17.2rem;
  margin: 0 auto;
}

#financial .smbanner {
  width: 100%;
  position: relative;
  height: 7rem;
  overflow: hidden;
}

#financial .smbanner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#financial .h6 {
  width: 100%;
  height: .52rem;
  font-size: .52rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: .52rem;
  position: relative;
  border-radius: .04rem;
  margin-top: 1.1rem;
}

#financial .h6.active::before {
  content: '';
  width: .74rem;
  height: .07rem;
  background: #5474a0;
  border-radius: .04rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.28rem;
  position: absolute;
}

#financial .tips {
  width: 100%;
  text-align: center;
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #333333;
  line-height: .28rem;
  opacity: 0.6;
  margin-top: .72rem;
}

#financial .list {
  margin-top: 1.1rem;
}

#financial .list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#financial .list ul li {
  margin: 0 .52rem;
}

#financial .list ul li .num {
  font-size: .22rem;
  font-weight: bold;
  color: #C1C1C1;
  line-height: .22rem;
  display: block;
  margin: 0 auto;
  text-align: center;
}

#financial .list ul li .icon {
  width: 1.02rem;
  height: 1.02rem;
  background: rgba(193, 193, 193, 0.2);
  margin: 0 auto;
  margin-top: .3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}

#financial .list ul li .icon .right {
  width: .14rem;
  height: .21rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: -.5rem;
}

#financial .list ul li .tit {
  font-size: .22rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #000000;
  line-height: .22rem;
  text-align: center;
  margin-top: .32rem;
}

#financial .list ul li .tips {
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #888888;
  line-height: .27rem;
  text-align: center;
  margin-top: .18rem;
}

#financial .news {
  margin-top: .63rem;
  display: flex;
  justify-content: space-between;
  height: 3.87rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 0.46rem 0px rgba(0, 0, 0, 0.11);
  border-radius: .1rem;
}

#financial .news .left {
  width: 50%;
  height: 100%;
}

#financial .news .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#financial .news .right {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 1rem;
  padding-left: 1.6rem;
}

#financial .news .right h6 {
  font-size: .22rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #333333;
  line-height: .27rem;
}

#financial .news .right ul {
  margin-top: .38rem;
}

#financial .news .right ul li {
  font-size: .16rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #333333;
  line-height: .16rem;
  box-sizing: border-box;
  padding-left: .14rem;
  position: relative;
  margin-bottom: .2rem;
}

#financial .news .right ul li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -.1rem;
  content: '';
  width: .06rem;
  height: .06rem;
  background: #5474a0;
  border-radius: 50%;
}

#financial .box {
  margin-top: .4rem;
}

#financial .box ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

#financial .box ul li {
  width: 4rem;
  height: 5.48rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 0.46rem 0px rgba(0, 0, 0, 0.11);
  border-radius: .1rem;
  box-sizing: border-box;
  padding: 0 .38rem;
  padding-top: .66rem;
  position: relative;
}

#financial .box ul li .num {
  background: url("../images/122-55.png") no-repeat center center/100% 100%;
  width: 1.22rem;
  height: .55rem;
  position: absolute;
  top: .46rem;
  left: -.2rem;
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .66rem;
  right: 0;
  box-sizing: border-box;
  text-align: right;
  padding-right: .3rem;
}

#financial .box ul li .icon {
  width: 1.1rem;
  height: 1.1rem;
  display: block;
  margin: 0 auto;
}

#financial .box ul li .title {
  width: 100%;
  text-align: center;
  font-size: .22rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #333333;
  line-height: .27rem;
  margin-top: .76rem;
}

#financial .box ul li .con {
  margin-top: .65rem;
  text-align: left;
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #333333;
  line-height: .27rem;
  opacity: 0.6;
}

#financial .box2 {
  margin-top: .4rem;
  height: 6rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 0.46rem 0px rgba(0, 0, 0, 0.11);
  border-radius: .1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#financial .box2 .left {
  width: 3.52rem;
  height: 4rem;
}

#financial .box2 .right {
  width: 9.15rem;
  height: 3.13rem;
  margin-left: 1.16rem;
}

#financial .box3 {
  margin-top: .4rem;
  height: 5rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 0.46rem 0px rgba(0, 0, 0, 0.11);
  margin-top: 1.25rem;
}

#financial .box3 ul {
  width: 100%;
  box-sizing: border-box;
  padding: .4rem 1.78rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#financial .box3 ul li {
  width: 3.78rem;
  height: .62rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: .1rem;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #000000;
}
input::placeholder{
  color:#000;
}
#financial .box3 ul li input, #financial .box3 ul li select {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  font-family:NotoSansHans;
  background:#fff;
}

#financial .box3 .tips {
  margin-top: .42rem;
  text-align: center;
  font-size: .18rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #000000;
  line-height: .18rem;
  opacity: 0.6;
}

#financial .box3 button {
  width: 1.7rem;
  height: .58rem;
  display: block;
  margin: 0 auto;
  margin-top: .77rem;
  background: #4d4d4d;
  letter-spacing: 1px;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
  line-height: .58rem;
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  background-color: #5474a0; 
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  /*padding: 0 .56rem;*/
  padding-right:0.56rem;
  box-shadow: 0px 0.03rem 0.07rem 0px rgb(4 0 0 / 30%);
}
header:hover{
}
header .left {
  flex: 1;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height:100%;
}

header .left .logo {
    width: 3.15rem;
    height: 100%;
    display: flex;
    align-items: center;
}

header .left .logo img {
  width: 100%;
  padding-left:0.5rem;
}

header .left ul {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 8.5rem;
}

header .left ul li .one {
  font-size: .25rem;
  font-family: NotoSansHans;
  font-weight: 400;
  color: #fff;
  line-height: .25rem;
  margin-right: .6rem;
}
header .left ul li .one:hover {
  color: #333;
}

header .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
fieldset, img{
   
}
.newskvview img{
   width:100%;
   display:block;
}
@media screen and (max-width: 749px) {
    header .left ul{
       display: none;
    }
    header .right{
        display: none;
    }
   #story .list ul li{
        
        flex-direction: column;
   }
   #financial .news{
      width:100%;
  }
   #financial .news .right{
      padding-top: 0.4rem;
      padding-left: 0.24rem;
 }
  #financial .news .right ul{
       margin-top:0.1rem;
  }
  #financial .news .right ul li{
      font-size: .14rem;
      font-family: SourceHanSansCN;
      font-weight: 400;
      color: #333333;
      line-height: 0.3rem;
      box-sizing: border-box;
      padding-left: .14rem;
      position: relative;
      margin-bottom: .2rem;
  }
  #financial .box ul li{
         width: 3.2rem;
         height: 5.48rem;
         background: #FFFFFF;
         box-shadow: 0px 0px 0.46rem 0px rgb(0 0 0 / 11%);
         border-radius: .1rem;
         box-sizing: border-box;
         padding: 0 .38rem;
         padding-top: .6rem;
         margin: 0.2rem 0 0 0;
         position: relative;
  }
  #financial .box ul li .title{
      margin-top: 0.26rem;
  }
  #financial .box ul li .con{
      margin-top: .35rem;
 }
  #financial .box2{
     margin-top: .4rem;
     height: 6rem;
     background: #FFFFFF;
     box-shadow: 0px 0px 0.46rem 0px rgb(0 0 0 / 11%);
     border-radius: .1rem;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
 }
 #financial .box2 .left{
       width: 100%;
       height:auto;
 }
 #financial .box2 .right{
      width:100%;
      heightauto;
      margin:0;
 }
 #financial .h6{
   margin-top: 1.6rem;
 }
 #financial .box3{
  margin-top: 4.6rem;
  margin-bottom: 3.4rem;
 }
 #financial .box3 .tips{
  line-height:.28rem;
 }
 #financial .w1720{
    width:100%;
 }
}

header .right .search {
  width: .26rem;
  height: .23rem;
  cursor: pointer;
}

header .right .en {
  font-size: .25rem;
  font-family: NotoSansHans;
  font-weight: 400;
  color: #fff;
  line-height: .25rem;
  margin-left: .42rem;
}

header .right .top {
  width: .19rem;
  height: .1rem;
  margin-left: .1rem;
}



.footer-pc{
  width: 100%;
}
.footer-pc *{
  box-sizing: border-box;
}
.footer-mob{
  display: none;
}
.footer-right-nav{
  position: fixed;
  z-index: 99;
  right: 0;
  bottom: 22vh;
}
.footer-right-nav .item{
  width: 1.4rem;
  height: .8rem;
  background: #d50000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .24rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: .08rem;
}
.footer-right-nav .item.gotop{
font-size: .5rem;
cursor: pointer;
}
.footer-right-nav .item.gotop i{
  font-size: .36rem;
}
.footer-pc-top{
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #1d1d1f;
  padding-top: 1.2rem;
  padding-bottom: 1.4rem;
  padding-left: 1.9rem;
  padding-right: 1rem;
}
.footer-pc-top .left{
display: flex;
}
.footer-pc-top .left .nav{
display: flex;
}
.footer-pc-top .left .nav li{
  margin-right: .88rem;
  
}
/* .footer-pc-top .left .nav li:last-child{
  margin-right: 0;
} */
.footer-pc-top .left .nav li a:first-child{
  font-size: .24rem;
  font-weight: bold;
  margin-bottom: .24rem;
}
.footer-pc-top .left .nav li a:hover{
  color: #5474a0;
}
.footer-pc-top .left .nav li a{
  font-size: .18rem;
  margin-bottom: .1rem;
  color: #fff;
  display: block;
}
.footer-pc-top .left .nav li a:last-child{
margin-bottom: .0;
}
.firlink{
  font-size: .24rem;
  color: #fff;
  position: relative;
  font-weight: bold;
  cursor: pointer;
}
.iconbind{
  display: flex;
  margin-bottom: .3rem;
}
.iconbind>div{
  width: .72rem;
  height: .72rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  margin-right: .18rem;
  color: #fff;
  cursor: pointer;
}
.iconbind>div i{
  font-size: .5rem;
  
}
.iconbind>div:hover{
border: 1px solid #cc000c;
color: #cc000c;
}
.tellist p{
  font-size: .24rem;
  color: #fff;
  margin-bottom: .1rem;
}
.footer-pc-bot{
background-color: #000;
font-size: .2rem;
padding: .2rem 0;
}
.footer-pc-bot img {
   width:0.4rem;
}
.footer-pc-bot p{
    text-align: center;
    color: #939394;
}
.footer-pc-bot a{
    color: #939394;
}
.navxial-view{
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 99;
  width: 100%;
  font-family: NotoSansHans;
}
.more-twonav{
  width: 100%;
  padding: .8rem 2.7rem;
  background: #f8f8f8;
  box-sizing: border-box;
}
.twonav-list{
  display: flex;
  align-items: center;
}
.twonav-list .item{
  width: 3.28rem;
  height: 1.34rem;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: .14rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin: 0 .1rem;
}
.twonav-list .item img{
  height: .36rem;
}
.twonav-list .item p{
  font-size: .24rem;
  color: #333;
  margin-top: .1rem;
}

.twonav-list .item p:hover{
   color:#203755;
   font-size:.25rem;
}

.car-twonav{
  padding: .54rem 2.7rem .7rem;
  background: #f8f8f8;
  width: 100%;
  box-sizing: border-box;
}
.allcx{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
}
.allcx p{
  font-size: .24rem;
  font-weight: bold;
  color: #333;
  margin-right: .5rem;
  padding: .2rem 0;
}
.allcx-list{
  display: flex;
  align-items: center;
}
.allcx-list .item{
  font-size: .24rem;
  color: #333;
  margin-right: .5rem;
  padding: .2rem 0;
  position: relative;
  cursor: pointer;
}
.allcx-list .item a{
  color:#333;
}
.allcx-list .item.on::after{
  width: 100%;
  height: 2px;
  background: #5474a0;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
}
.allctype{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
}
.allctype p{
    width: 1.6rem;
    font-size: .18rem;
    /*font-weight: bold;*/
    color: #333;
    text-indent: 0.1rem;
}
.allctype p:hover{
     color:#333; 
     font-size:0.20rem;
}

.allctype-list .item img{
    height: 0.88rem;
}
.allctype-list{

}
.allctype-list .allctype-item{
  display: none;
  align-items: center;
}
.allctype-list .allctype-item.show{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.allctype-list .item{
    width: 3.2rem;
    height: 1.2rem;
    font-size: .24rem;
    color: #333;
    margin-right: 0.22rem;
    margin-top: 0.2rem;
    padding: 0.2rem 0;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    justify-content: space-between;
}
.allctype-list .item.on::after{
  width: 100%;
  height: 2px;
  /*background: #D60000;*/
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
}
.carbind-one-list{
  display: none;
}
.carbind-list .carbind-one-list.show{
  display: block;
}
.carbind-list .carbind-one-list .carbind-item{
  display: none;
}
.carbind-list .carbind-one-list .carbind-item.show{
  display: flex;
}
.carbind-item{
  display: flex;
  align-items: center;
}
.carbind-item .item{
  width: 3.2rem;
  height: 1.2rem;
  background: url(../images/carnavba.png);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .32rem;
  margin-bottom: .2rem;
}
.carbind-item .item:nth-child(4n){
  margin-right: 0;
}
.carbind-item .item p{
  font-size: .18rem;
  color: #333;
}
.carbind-item .item img{
  height: .88rem;
  margin-left: .4rem;
}
.carbind-list{
  margin-top: .5rem;
}
.navxial-view .navxial-item{
  display: none;
}

/* .head-search{
  padding: .4rem .25rem .2rem 0;
  font-size: .2rem;
  margin-left: .4rem;
  display: flex;
  align-items: center;
}
.head-search-view{
  width: 0;
  overflow: hidden;
  transition: .6s;

}
.head-search-view.on{
  width: 2.1rem;
}
.head-search-view form{
  display: flex;
}
.head-search-view input{
  width: 100%;
  border: none;
  background: transparent;
  border-bottom: 1px solid #fff;
  font-size: .2rem;
  line-height: 1.2;
  color: #fff;
}
.head-search-btn{
  cursor: pointer;
  padding-left: .25rem;
}
.head-search-view input{
  border-bottom: 1px solid #5f5f5f;
  color: #5f5f5f;
} */
.head-search-view{
  position: absolute;
  left: 0;
  top: 1rem;
  width: 100%;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: .7rem 3.7rem;
  display: none;
}
.head-search-view form{
  display: flex;
  align-items: center;
  justify-content: center;
}
.head-search-view form input{
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
  height: .5rem;
  font-size: .24rem;
  border-bottom: 1px solid #bdbaba;
}
.head-search-view form img{
  height: .24rem;
  flex-shrink: 0;
  margin-left: .2rem;
}




.jacjxs-view{
  width: 100%;
  height: 8.5rem;
  position: relative;
  margin-top: .8rem;
}
.jacjxs-map{
  width: 100%;
  height: 100%;
}.jxsmap-pop
.jacjxs-view>img{
  /* width: 100%; */
}
.jxsmap-pop{
  width: 4.8rem;
  /* height: 5rem; */
  position: absolute;
  z-index: 9;
  top: .7rem;
  /* bottom: 0; */
  margin: auto;
  left: .5rem;
  background: #fff;
  box-shadow: 0px 10px 32px 0px rgba(210, 210, 210, 0.46);
}
.jxslist{
  height: 4.5rem;
  overflow-y: auto;
}
.jxslist li{
  font-size: .2rem;
  padding: .4rem .3rem;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.jxslist li p{
  line-height: 1.6;
  font-size: .15rem;
  color: #888;
}
.jxslist li p:first-child{
  font-weight: bold;
  margin-bottom: .02rem;
  color: #333;
  font-size: .2rem;
}
.jxsmap-top{
  width: 100%;
  box-sizing: border-box;
  padding: .3rem .4rem;
  border-bottom: 1px solid #e5e5e5;
}
.jxsmap-top select{
  border: none;
  background: transparent;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 0;
  font-size: .16rem;
  height: .36rem;
  margin-top: .16rem;
  display: block;
  width: 100%;
  outline: none;
  font-family:NotoSansHans;
}
.jxs-selsf{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jxs-selsf select{
  width: 48%;
  margin-bottom: 0;
}

.jxsbodytit{
  width: 100%;
  height: .52rem;
  font-size: .52rem;
  font-family: NotoSansHans;
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: .52rem;
  position: relative;
  margin-top: 0.6rem;
}

.jxsbodytit::before {
  content: '';
  width: .74rem;
  height: .07rem;
  background: #5474a0;
  border-radius: .04rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.28rem;
  position: absolute;
}
.jsxlistbtn{
  width: 1rem;
  padding: .0.06rem 0;
  text-align: center;
  border: 1px solid #4d4d4d;
  font-size: .16rem;
  color: #4d4d4d;
  margin-top: .1rem;
}



.jacactview{
  margin: 0 auto;
  padding: 1.1rem .75rem;
  background: #f8f8f8;
}
.jacactview *{
  box-sizing: border-box;
}
.newscent-tag{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newstype{
  display: flex;
  background: #f8f8f8;
  border-radius: .34rem;
  height: .64rem;
  width: 4.34rem;
}
.newstype a{
  width: 50%;
  height: 100%;
  border-radius: .34rem;
  font-size: .24rem;
  color: #5c5c5c;
  text-align: center;
  line-height: .64rem;
}
.newstype a:hover{
  color: #cc000c;
}
.newstype a.on{
  background: #cc000c;
  box-shadow: 0px 5px 9px 0px rgba(204, 0, 12, 0.43);
  color: #fff;
}
.newstype a.on:hover{
  color: #fff;
}
.newselview{
  display: flex;
}
.newselview .selview{
  width: 1.87rem;
  height: .52rem;
  border: 1px solid #cccccc;
  margin-left: .3rem;
}
.newselview .selview select{
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  text-align: center;
  color: #5c5c5c;
  font-size: .2rem;
  display: block;
  padding-left: .2rem;
}
.newslist{
  display: flex;
  flex-wrap: wrap;
}
.newslist li{
  width: 5.66rem;
  font-size: 0;
  background:#fff;
  margin:0.3rem 0.36rem 0.3rem 0;
  padding-bottom:0.2rem;
}
.newslist li:nth-child(3n){
  margin-right: 0;
}
.newslist li .imgview{
  position: relative;
}
.newslist li .newimg{
  width: 100%;
  height: 4.2rem;
}
.newslist li .date{
  font-size: .2rem;
  color: #000000;
  margin-top: .2rem;
  padding-left:0.2rem;
}
.newslist li .tit{
  font-size: .24rem;
  color: #000;
  line-height: 1.4;
  font-weight: bold;
  margin-top: .2rem;
  padding-left:0.2rem;
}

.newslist li .gomore{
  display: inline-block;
  font-weight: bold;
  font-size: .2rem;
  line-height: 2.2;
  color: #000;
  padding: 0 .34rem;
  border-radius: .3rem;
  border: 1px solid #c4c4c4;
  margin-top: .3rem;
  margin-left:0.2rem;
}
.jacdaka .newslist li a{
  border-radius: 0;
}
.newslist li .gomore:hover{
  background: #cc000c;
  color: #fff;
  border: 1px solid #cc000c;
  box-shadow: 0px 5px 9px 0px rgba(204, 0, 12, 0.43);
}
.pageview{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  margin: 0.6rem 0;
}
.pageview .prevpage{
  width: .8rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .18rem;
  color: #999999;
  border-radius: .04rem;
  margin-right: .2rem;
}
.pageview .prevpage:hover{
  color: #fff;
  background: #cc000c;
}
.pageview .nextpage{
  width: .8rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .18rem;
  color: #fff;
  background: #cc000c;
  border-radius: .04rem;
  margin-left: .2rem;
}
.pageview .pages{
  display: flex;
  align-items: center;
}
.pageview .pages a{
  width: .4rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  font-size: .18rem;
  color: #333333;
  margin: 0 .06rem;
  border-radius: .04rem;
}
.pageview .pages a.on{
  color: #fff;
  background: #cc000c;
}
.pageview .pages a.on:hover{
  color: #fff;
}
.pageview .pages a:hover{
  border: 1px solid #cc000c;
  color: #cc000c;
}

.jacactlist{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: .3rem;
  margin-bottom: .4rem;
}
.jacactlist a{
  width: 4.2rem;
  margin-top: .5rem;
  margin-right:.3rem;
  font-size: 0;
  padding-bottom: .24rem;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}
.jacactlist a:nth-child(4n){
  margin-right: 0;
}
.jacactlist a .actstatus{
  z-index: 99;
  position: absolute;
  left: 0;
  top: 0;
  font-size: .18rem;
  color: #fff;
  padding: .1rem .3rem;
  background: rgba(0, 0, 0, .6);
}
.jacactlist a .actstatus.ing{
  background: #cc000c;
}
.jacactlist a .imgview{
  position: relative;
}
.jacactlist a .newimg{
  width: 100%;
}
.jacactlist a .date{
  font-size: .2rem;
  color: #000000;
  margin-top: .2rem;
  opacity: .6;
}
.jacactlist a .tit{
  font-size: .24rem;
  color: #000;
  line-height: 1.4;
  font-weight: bold;
  margin-top: .2rem;
}
.newscent-tag{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#story .jacnewsview.jacdaka{
  margin-top: 0;
}
.jacdaka .newscent-tag{
  justify-content: center;
}
.yearsel{
  display: flex;
  align-items: center;
}
.year-selbtn{
  width: .5rem;
  height: .5rem;
  background: #fff;
  font-size: .14rem;
  text-align: center;
  line-height: .5rem;
  color: #dfdfdf;
  border-radius: 50%;
  cursor: pointer;
  transition: .6s;
}
.year-selbtn:hover{
  background: #cc000c;
  box-shadow: 0px 3px 9px 0px rgba(204, 0, 12, 0.43);
}
.swiper-container.yeal-view{
  width: 6rem;
  margin: 0 .24rem;
  /* display: flex;
  align-items: center; */
}
.yeal-view .swiper-slide{
  font-size: .22rem;
  line-height: .5rem;
  color: #5c5c5c;
  /* margin:  0 .15rem; */
  /* position: absolute; */
  cursor: pointer;
  text-align: center;
}
.yeal-view .swiper-slide:hover{
  color: #cc000c;
}
.yeal-view .swiper-slide.swiper-slide-active::after{
  content: '';
  width: 100%;
  height: .04rem;
  background: #cc000c;
  position: absolute;
  left: 0;
  bottom: 0;
}
.jacactlist-view .jacactlist{
  display: none;
}
.jacactlist-view .jacactlist.show{
  display: flex;
}
.head-mob{
  display: none;
}



.jacnewscent{
  width: 100%;
  padding-top: .6rem;
  padding-bottom: .8rem;
  font-family:NotoSansHans;
}
.jacnewscent .titview{
  display: flex;
   flex-direction: column;
   align-items: center;
  padding: .6rem 0 .4rem;
  background: #ececec;
}
.jacnewscent .titview .tit{
  font-size: .28rem;
  color: #333333;
  text-align:center;
  line-height: 1.4;
  font-weight: bold;
}
.jacnewscent .titview .titmsg{
  display: flex;
  margin-top: .24rem;
  justify-content: space-between;
  font-size: .18rem;
  color: #666666;
}

.newscentview{
  margin: 0 auto;
  width: 90%;
  margin-top: .4rem;
  padding-bottom: .7rem;
  border-bottom: 2px solid #e8e8e8;
}
.newscentview > section{
  width: 100%;
  margin:0 auto;
  margin-top:0.2rem;
}
.newscentview strong{
  margin:0.2rem 0 ;
}
.newscentview p{
  margin:0.2rem 0 !important;
}
.newscentview > section > section >section{
  margin-top:0.2rem;
}
.newscentview p,.newscentview div,.newscentview span{
  font-size: .18rem;
  color: #666666;
  line-height: 1.4;
  min-height: .2rem;
}
.newscentview img{
  max-width: 100%;
  height:auto !important;
  margin: 0 auto;
}

.fxview{
  width:80%;
  margin: 0 auto;
  margin-top: .7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fxview .sx a{
    font-size: .18rem;
    color: #333;
    padding: 0 0.2rem;
}
.fxview p{
  font-size: .18rem;
  color: #333;
  margin-right: .2rem;
}
.fxview .fxbtn{
  display: flex;
  align-items: center;
}
.fxview .fxbtn>div{
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  margin-left: .14rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fxview .fxbtn>div:nth-child(1){
  background: #0cc277;
}
.fxview .fxbtn>div:nth-child(2){
  background: #f0b11b;
}
.fxview .fxbtn>div:nth-child(3){
  background: #eb3341;
}
.fxview .fxbtn>div i{
  font-size: .24rem;
  color: #fff;
}
.morenews{
  width: 10rem;
  margin: 0 auto;
  margin-top: .7rem;
}
.morenewslist{
  width: 100%;
  margin-top: .6rem;
  display: flex;
}
.morenewslist a{
  width: 3.12rem;
  margin-right: .32rem;
}
.morenewslist a:last-child{
  margin-right: 0;
}
.morenewslist a img{
  width: 100%;
}
.morenewslist a .date{
  font-size: .2rem;
  color: #000;
  opacity: .6;
  margin-top: .3rem;
}
.morenewslist a .tit{
  font-size: .24rem;
  line-height: 1.4;
  color: #000;
  margin-top: .1rem;
  font-weight: bold;
}


.lanmunav{
  width: 100%;
  display: flex;
  justify-content: center;
  background: #ececec;
  font-family:NotoSansHans;
}
.lanmunav>.items{
  margin: 0 .3rem;
  font-size: .22rem;
  letter-spacing: 2px;
  color: #333333;
  line-height: .84rem;
  position: relative;
  font-weight: bold;
}
.lanmunav>.items.on{
  color: #cc000c;
}
.lanmunav>.items.on::after{
  width: 100%;
  height: .04rem;
  background: #cc000c;
  content: '';
  position: absolute;
  left: 0;
  bottom: -.04rem;
}
.lanmunav>.items:hover{
  color: #cc000c;
}
#onlinebuycar{
  background:#f8f8f8;
  color:#333;
  font-family: NotoSansHans;
}
#onlinebuycar .h6 {
    width: 100%;
    height: 0.52rem;
    font-size: .52rem;
    font-family: NotoSansHans;
    font-weight: bold;
    color: #000000;
    text-align: center;
    line-height: .52rem;
    position: relative;
    border-radius: 0.04rem;
    margin-top: 1.1rem;
}
#onlinebuycar .h6.active::before {
    content: '';
    width: 0.74rem;
    height: 0.07rem;
    background: #5474a0;
    border-radius: 0.04rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -0.28rem;
    position: absolute;
}
.jbxx #submit{
  /*  background: #203755 !important; */
}
#onlinebuycar .tittxt{
    font-size: 0.2rem;
    width: 80%;
    margin: 0.6rem auto;
    text-align: center;
}
#onlinebuycar .tittxt span{
   color:#d60000;
}
#onlinebuycar .onlinetable{
    width: 14.5rem;
    margin: 0.4rem auto;
    margin-top: 0.4rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 0.46rem 0px rgb(0 0 0 / 11%);
    padding:0.5rem;
} 
.onlinetable .purpose{
    font-size: 0.38rem;
    border-bottom: 1px solid #ccc;
    padding-bottom:0.05rem;
}
.seleBox p {
    font-size:0.19rem;
    padding:0.4rem 0 0.3rem 0.06rem;
    color:#000;
}
.seleBox p span{
    color:#cb171e;
}
.seleBox ul{
   display:flex;
}
.seleBox .seleul li{
   display:flex;
   align-items:center;
   margin-right:0.4rem;
   font-size:0.19rem;
}
.seleBox .seleul li input{
   width:0.14rem;
   height:0.14rem;
   margin:0 0.06rem;
   border:1px solid #ccc;
   border-radius:100%;
   -webkit-appearance:auto;
}
.seleBox .seleul li input::after{
   width: 100%;
    height: 100%;
    background: red;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 333;
    border-radius: 100%;
}
.seleBox .cxsj li input, .seleBox .cxsj li select, .jxs li select, .jbxx div p select{
    background:#fff;
}
.carBox select{
    background:#fff;
}
    .M-mountingNav{
    display:none;
    }
.sumBtn a:first-child{
    background: #203755 !important ;
}
.sumBtn .replyLoan{
    background: #203755 !important;
}
.footer-mob-bot{
    background:#000;
}

/*预约试驾复选框开始*/
        input[type="checkbox"] {
        cursor: pointer; 
        border: 1px solid #ccc; 
        background-color: #fff; 
        -webkit-appearance: none; /* 移除默认的复选框样式（适用于WebKit浏览器，如Chrome和Safari） */
        -moz-appearance: none;    /* 移除默认的复选框样式（适用于Firefox） */
        appearance: none;         /* 移除默认的复选框样式（通用） */
        width: 16px;              
        height: 16px;             
        position: relative;       
     }
        label {
         color: initial; 
         cursor: pointer; 
        }
 
       label span {
        color:#F44336;
         margin:5px;
        }   
        .checkbox-wrapper {
            display: flex;
            align-items: center;
            cursor: pointer; 
            justify-content:center;            
        }
        .checkbox-wrapper a {  
        	text-decoration: none;
        	color:#444;
        }         	     
        .checkbox-wrapper:hover input[type="checkbox"],
        .checkbox-wrapper:hover label {
            color: inherit; 
        }
    /* 选中时的样式 */
       input[type="checkbox"]:checked {
       background-color: #fff; 
       border-color: #999;     
}
         input[type="checkbox"]:checked::after {
          content: '✓';
          color: #555;
          font-size: 10px;
          position: absolute;
          top: 0px;
          left: 3px; 
    } 
   

   input[type="checkbox"]:hover {
    border-color: #888;       /* 悬停时的边框颜色 */
}
/*预约试驾复选框结束*/