.cardItem[data-v-78bcfe50] {
  margin: 0 1.06667rem 2.13333rem;
}
.cardItem .titleArea[data-v-78bcfe50] {
    margin: 0 0.26667rem 0.53333rem;
}
.cardItem .body[data-v-78bcfe50] {
    width: 100%;
    background-color: #eee;
    border-radius: 0.53333rem;
    overflow: hidden;
}
.cardItem .body .cover[data-v-78bcfe50] {
      width: 100%;
      border-radius: 0.53333rem;
      overflow: hidden;
}
.cardItem .body .item_list[data-v-78bcfe50] {
      margin: 0.53333rem 0;
}

@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

.introPath {
  padding: 0.4rem 0.8rem 0.8rem !important;
  font-size: 0.69333rem; }
  .introPath p {
    line-height: 1.17333rem;
    color: #003d7e; }
  .introPath .item {
    padding: 0.4rem 0 0;
    color: #0a4581; }
    .introPath .item .circle {
      display: block;
      width: 0.42667rem;
      height: 0.42667rem;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAQ1JREFUOE9jZKAAMCLrVRYSkmVgY8r/z8DgzfifQQUk95+R4Q4jA8NWhl//Jt599+4xsnq4ZmUJ4fj//xknMDAyLP/779/ir/+YroAUcjP902FmYopl+M8Qycj4v+Dui7cLYQaANUM0MnUw/v3vc/fNm7PYfKIsImL8n5lxCyPjvwqYAYwgp/5nZbrE+JfBBZdGmGEQAxj2MP7+pwfyAqOyhEjPfwYGrnsv3mQRE3ZKEiLTGBkYvt198aaEUUlC5Drjv3/Jd1+9O0aMZmUxIav/TExz7714o8moLC7y+/3vf8Lv3r37RIxmISEhPkFWprd3X75hpUwzZc6mJMAoiiqKEgk8AZCbPOEGkJgxAK0fvhAjbm2uAAAAAElFTkSuQmCC) no-repeat top/100%;
      margin-right: 0.26667rem; }
    .introPath .item .step {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 1.33333rem;
      line-height: 1.33333rem;
      font-weight: bolder; }
    .introPath .item .desc {
      margin-left: 0.64rem;
      line-height: 1.06667rem; }
    .introPath .item .textLine {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .introPath .item .textLine .circle {
        margin-top: 0.37333rem; }
    .introPath .item .remark {
      font-size: 0.48rem; }
    .introPath .item .boldP {
      line-height: 1.46667rem;
      font-weight: bold; }
    .introPath .item .qrCode {
      width: 100%;
      text-align: center;
      margin: 0.53333rem 0; }
      .introPath .item .qrCode img {
        width: 7.46667rem; }
    .introPath .item .btn {
      margin: 0.8rem auto;
      width: 4.85333rem;
      height: 0.93333rem;
      border-radius: 0.45333rem;
      background: #2EA7E0;
      border: 0.02667rem solid #0873BE;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 0.58667rem;
      color: #FFFFFF; }
      .introPath .item .btn img {
        display: block;
        margin-right: 0.21333rem;
        width: 0.58667rem;
        height: 0.58667rem; }
  .introPath ::-webkit-scrollbar {
    /* 隐藏滚动条 */
    display: none; }

@charset "UTF-8";
.stepImages .img_area[data-v-3c54e739] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.53333rem 0 0;
}
.stepImages .img_area img[data-v-3c54e739] {
    width: 7.86667rem;
}
.stepImages .slider .img_area[data-v-3c54e739] {
  /* 设置超出滚动 */
  overflow-x: auto;
  overflow-y: hidden;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0.53333rem;
}
.stepImages .slider .img_area .wrap[data-v-3c54e739] {
    width: 100%;
    height: 21.33333rem;
    display: inline-block;
    text-align: center;
    /* 超出滚动的关键，没有它元素会自动缩小，不会滚动 */
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.stepImages .slider .img_area .wrap img[data-v-3c54e739] {
      width: auto;
      height: 100%;
}
.stepImages .slider .text[data-v-3c54e739] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.stepImages .slider .text i[data-v-3c54e739] {
    color: #003d7e;
}

*[data-v-087da075] {
  margin: 0;
  padding: 0;
}
.intro_box[data-v-087da075] {
  height: 100vh;
  overflow-y: auto;
  font-family: BMWTypeNextLatinTT;
  background-color: #f3f3f3;
}
.intro_box .arrow_right[data-v-087da075] {
    display: block;
}
.intro_box .arrow_right[data-v-087da075] {
    width: 1.36rem;
    height: 1.17333rem;
    background: url(data:image/png;base64,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) no-repeat top/100%;
}
.intro_box .cover_box[data-v-087da075] {
    height: 42.66667rem;
    background: #fff url(../img/BG_after.c118c5ee.png) no-repeat top/100% auto;
}
.intro_box .cover_box .title[data-v-087da075] {
      margin: 1.76rem 0 0 1.57333rem;
      width: 5.89333rem;
      height: 0.77333rem;
}
.intro_box .cover_box .t_p[data-v-087da075] {
      margin: 22.34667rem 0 0 1.49333rem;
      font-size: 1.54667rem;
      color: #fff;
      font-family: BMWTypeNext Latin TT;
}
.intro_box .cover_box .t_p span[data-v-087da075] {
        font-weight: bold;
}
.intro_box .guide_box .title_img[data-v-087da075] {
    margin: 0 0 2.66667rem 1.33333rem;
    width: 5.89333rem;
    height: 0.77333rem;
}
.intro_box .guide_box .title_area[data-v-087da075] {
    height: 1.46667rem;
    line-height: 1.46667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-weight: bold;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.intro_box .guide_box .title_area .serialNumber[data-v-087da075] {
      font-size: 1.2rem;
      color: #0066b5;
      margin-right: 0.93333rem;
}
.intro_box .guide_box .title_area .title[data-v-087da075] {
      font-size: 1.30667rem;
      color: #626463;
}
.intro_box .guide_box .cover[data-v-087da075] {
    width: 100%;
    border-radius: 0.53333rem;
    overflow: hidden;
}
.intro_box .guide_box .cover img[data-v-087da075] {
      width: 100%;
      border: 0.05333rem solid #0066b5;
      border-radius: 0.53333rem;
      overflow: hidden;
}
.intro_box .guide_box .item .item_line[data-v-087da075] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.13333rem 0.53333rem;
    height: 2.4rem;
    line-height: 0.93333rem;
    border-bottom: 0.02667rem dashed #859d9d;
}
.intro_box .guide_box .item .item_line .left[data-v-087da075] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.intro_box .guide_box .item .item_line .left .icon[data-v-087da075] {
        height: 1.33333rem;
        margin-right: 0.4rem;
}
.intro_box .guide_box .item .item_line .left span[data-v-087da075] {
        font-family: BMWTypeNextLatinTT;
        font-size: 0.66667rem;
        color: #000;
}
.intro_box .guide_box .item .item_line_expand[data-v-087da075] {
    border-bottom: none;
    background-color: #0066b5;
    border-radius: 0.53333rem;
}
.intro_box .guide_box .item .item_line_expand .left span[data-v-087da075] {
      color: #fff;
}
.intro_box .guide_box .item .item_line_expand .right i[data-v-087da075] {
      color: #2da3e0;
}
.intro_box .guide_box .item:last-child .item_line[data-v-087da075] {
    border-bottom: none;
}
.intro_box .guide_box .remark[data-v-087da075] {
    font-size: 0.50667rem;
    line-height: 1.06667rem;
    color: #003d7e;
    margin: -1.33333rem 1.86667rem 2.13333rem;
}
.intro_box .back_top[data-v-087da075] {
    position: fixed;
    right: 1.54667rem;
    bottom: 13.33333rem;
    width: 2.21333rem;
    height: 3.09333rem;
    background: url(../img/goBack_top_bg.d7438be9.png) no-repeat top/100%;
    padding: 0.42667rem 0 0.42667rem 0.37333rem;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    font-size: 0.58667rem;
    color: #FFFFFF;
}
.intro_box .fold_icon[data-v-087da075] {
    position: fixed;
    right: 0;
    bottom: 5.33333rem;
    width: 1.06667rem;
    height: 2.66667rem;
    background-color: #ddd;
    font-size: 0.58667rem;
    color: #777;
    border-radius: 0.26667rem 0 0 0.26667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.intro_box .fold_icon i[data-v-087da075] {
      font-size: 0.8rem;
}
.intro_box .share_tip[data-v-087da075], .intro_box .share_browser_tip[data-v-087da075] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.intro_box .share_tip img[data-v-087da075] {
    position: absolute;
    top: 2.66667rem;
    right: 1.6rem;
    width: 12.26667rem;
}
.intro_box .share_browser_tip img[data-v-087da075] {
    position: absolute;
    bottom: 2.66667rem;
    right: 2.66667rem;
    width: 12.26667rem;
}