.header-title[data-v-61dd7a3d] {
  font-size: 0.48rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  color: #222222;
  height: 1.17333rem;
  line-height: 1.17333rem;
  background: white;
}
.topbar[data-v-61dd7a3d] {
  height: 1.41333rem;
  background-color: #E60044;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.topbar .logo[data-v-61dd7a3d] {
  width: 3.36rem;
  margin: 0 0.16rem 0 0.6rem;
}
.topbar .slogan[data-v-61dd7a3d] {
  padding-top: 0.4rem;
  width: 5.33333rem;
}
.tab_con .btns[data-v-61dd7a3d] {
  height: 1.12rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0rem 0rem 0.48rem 0.48rem;
  position: relative;
}
.tab_con .btns .bg[data-v-61dd7a3d] {
  background: white;
  position: absolute;
  width: 100%;
  height: 1.12rem;
  top: 0;
  left: 0;
}
.tab_con .btns a[data-v-61dd7a3d] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  line-height: 1.12rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  font-size: 0.37333rem;
  text-decoration: none;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
}
.tab_con .btns .router-link-exact-active[data-v-61dd7a3d] {
  text-decoration: none;
  font-weight: 600;
  color: #E60044;
  position: relative;
}
.tab_con .btns .router-link-exact-active[data-v-61dd7a3d]::after {
  content: " ";
  width: 0.96rem;
  height: 0.08rem;
  background: #E60044;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tab_con .btns a em[data-v-61dd7a3d] {
  position: absolute;
  top: 0.4rem;
  right: 0;
  width: 0.02667rem;
  background-color: #E60044;
  height: 0.4rem;
}


.content-title[data-v-0ff1fb10] {
  font-size: 0.4rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  color: #222222;
  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;
  padding: 0.53333rem 0.4rem;
}
.content-title span[data-v-0ff1fb10] {
  width: 0.16rem;
  height: 0.16rem;
  border: 0.02667rem solid #e60044;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 0.16rem;
}


.contact[data-v-40ab164b] {
  padding: 0 0.4rem 0.53333rem 0.4rem;
  background: white;
}
.contact .title[data-v-40ab164b] {
  line-height: 0.45333rem;
  font-size: 0.4rem;
  padding-left: 0.26667rem;
  color: #333;
  margin-bottom: 0.21333rem;
}
.contact .tip[data-v-40ab164b] {
  padding: 0.26667rem 0rem;
  font-size: 0.37333rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact .tip em[data-v-40ab164b] {
  color: #E60044;
  margin: -0.02667rem 0 0 0.06667rem;
}
.contact input[data-v-40ab164b],
.contact .inputs select[data-v-40ab164b] {
  background-color: none;
  outline: none;
  float: left;
  width: 4.26667rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.32rem;
  border-radius: 0.05333rem;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0.02667rem solid #eeeeee;
  font-size: 0.37333rem;
}
.contact .inputs[data-v-40ab164b] {
  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;
}
.contact .inputs select[data-v-40ab164b] {
  width: 50%;
}
.contact .inputs select[data-v-40ab164b] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAYAAACJOyb4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OEUzMEE2OUU4N0YxMUU4OTM5NENDNTM2NDk1RTc1RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OEUzMEE2QUU4N0YxMUU4OTM5NENDNTM2NDk1RTc1RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg4RTMwQTY3RTg3RjExRTg5Mzk0Q0M1MzY0OTVFNzVGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg4RTMwQTY4RTg3RjExRTg5Mzk0Q0M1MzY0OTVFNzVGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+c+qMwAAAAThJREFUeNqk0s0rBHEcx/HZn01S8nCgXB3kIgfloj1IbNbmoZALSiknZUtJbpKz27ZbDlt7okRCIw8pOfkTnByVPJc8vX/12drGmh32W6+Zmu/39/lN85uQ67qXjuPUoA/XTunVjD3cGC5hPThHS4nBrThDk8214VFcoRGnaPtncDtO0AD7NeI2/BZduEA9jtHxx+BOHKFOb96DO6PmPXoVXAsXkYDB3ThENQ50do+2YfKGntCvw6jCvjb0qzh2UYltDOAl1zSe4VcMY0sLdrSgUI1iExXIYgRv+QOmwCI7MIYMyhUw7pmZVKDtpzGBd2+Q+eWtPjCFpH5Vu9G0erPYQBnWMaP5HxX2+Z6fCnrGPFKIYRAhrGHR70BMkQP7QgIrChzSfalYcJDwXC1jAQ+Yw2qQRd8CDACRBjuT14tBrQAAAABJRU5ErkJggg==) no-repeat scroll 94% center #fff;
  background-size: 0.29333rem 0.16rem;
}
input[data-v-40ab164b] {
  -webkit-appearance: none;
}
textarea[data-v-40ab164b] {
  -webkit-appearance: none;
}
.contact .inputs .province[data-v-40ab164b] {
  margin-right: 0.4rem;
}
.contact .inputs option[data-v-40ab164b] {
  line-height: 0.98667rem;
}
.contact .call_btn[data-v-40ab164b] {
  width: 100%;
  display: block;
  height: 1.17333rem;
  background-color: #E60044;
  text-align: center;
  line-height: 1.17333rem;
  border-radius: 0.21333rem;
  margin: 0.8rem 0;
  font-size: 0.42667rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
}
.contact .phone[data-v-40ab164b] {
  width: 100%;
  float: none;
}
.calls-box .title[data-v-40ab164b] {
  position: relative;
  font-size: 0.42667rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #727272;
  margin-bottom: 0.4rem;
}
.calls-box .title[data-v-40ab164b]::after {
  content: " ";
  width: 0.58667rem;
  height: 0.08rem;
  background: #E60044;
  position: absolute;
  left: 50%;
  bottom: -0.26667rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 0.05333rem;
}
.calls-box a[data-v-40ab164b] {
  font-size: 0.42667rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #222222;
}
.calls-box a[data-v-40ab164b]:active {
  text-decoration: none;
}
.mrat[data-v-40ab164b] {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mrat div[data-v-40ab164b] {
  width: 100%;
}
.line_kefu[data-v-40ab164b] {
  width: 2.56rem;
  height: 0.8rem;
  background: #FFFFFF;
  border: 0.01333rem solid #E60044;
  border-radius: 0.10667rem;
  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;
  margin-top: 0.21333rem;
}
.line_kefu a[data-v-40ab164b] {
  display: inline-block;
  font-weight: 500;
  font-size: 0.32rem;
  color: #E60044;
  line-height: 1;
}
.line_kefu img[data-v-40ab164b] {
  width: 0.53333rem;
  height: 0.53333rem;
  margin-right: 0.13333rem;
}


.toast-container[data-v-45809e9f] {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  z-index: 999;
  padding: 0.26667rem 0.26667rem;
  font-size: 0.37333rem;
  border-radius: 0.10667rem;
  text-align: center;
}
.opacity-leave-active[data-v-45809e9f],
.opacity-enter-active[data-v-45809e9f] {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.opacity-leave-to[data-v-45809e9f],
.opacity-enter[data-v-45809e9f] {
  opacity: 0;
}


#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #F7F9FB;
}
.gray {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}


.banner[data-v-05bd8f2f] {
  padding: 0.4rem;
}
.banner video[data-v-05bd8f2f] {
  border-radius: 0.21333rem;
}


.info[data-v-fae5bece] {
  color: #333;
  padding: 0.53333rem 0.4rem;
  font-size: 0.32rem;
  line-height: 0.6rem;
  background: white;
}
[data-v-fae5bece] .info p {
  text-align: justify;
  font-size: 0.32rem;
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  color: #222222;
  margin-top: 0.53333rem;
}
[data-v-fae5bece] .info p:first-child {
  margin-top: 0;
}
.why_box[data-v-fae5bece] {
  background: white;
}
.why_box .why[data-v-fae5bece] {
  font-size: 0.4rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  color: #222222;
  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;
}
.why_box .why span[data-v-fae5bece] {
  width: 0.10667rem;
  height: 0.10667rem;
  border: 0.02667rem solid #e60044;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 0.13333rem;
}


.info[data-v-59eab7cc] {
  color: #333;
  font-size: 0.34667rem;
  line-height: 0.6rem;
}
.title[data-v-59eab7cc] {
  color: #E60044;
  font-weight: bold;
}
.bosses[data-v-59eab7cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  gap: 0.13333rem;
}
.bosses .item[data-v-59eab7cc] {
  padding-top: 0.26667rem;
  width: 4.36rem;
}
.bosses .item .pic[data-v-59eab7cc] {
  width: 4.36rem;
  overflow: hidden;
}
.bosses .item .pic img[data-v-59eab7cc] {
  height: 2.8rem;
}
.bosses .item h4[data-v-59eab7cc] {
  font-size: 0.34667rem;
  color: #E60044;
  line-height: 0.37333rem;
  margin-top: 0.13333rem;
}
.bosses .item p[data-v-59eab7cc] {
  font-size: 0.29333rem;
  margin-top: 0.26667rem;
  color: #333;
}
.media-content > div[data-v-59eab7cc] {
  background: white;
  margin-bottom: 0.26667rem;
}
.media-content .item-1[data-v-59eab7cc] {
  padding: 0.66667rem 0.4rem 0.13333rem 0.4rem;
}
.media-content .item-1 .title-1[data-v-59eab7cc]::before {
  content: "01";
  font-size: 0.96rem;
  font-family: DINCondensed, DINCondensed-Bold;
  color: #e60044;
  position: absolute;
  left: -0.85333rem;
  top: -0.13333rem;
}
.media-content .item-1 .title-2[data-v-59eab7cc]::before {
  content: "02";
  font-size: 0.96rem;
  font-family: DINCondensed, DINCondensed-Bold;
  color: #e60044;
  position: absolute;
  left: -0.85333rem;
  top: -0.13333rem;
}
.media-content .item-1 .items[data-v-59eab7cc] {
  position: relative;
}
.media-content .item-1 .items em[data-v-59eab7cc] {
  font-size: 0.96rem;
  font-family: DINCondensed, DINCondensed-Bold;
  color: #e60044;
}
.media-content .item-1 .items span[data-v-59eab7cc] {
  font-size: 0.37333rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
  background: -webkit-gradient(linear, right top, left top, color-stop(2%, rgba(230, 0, 68, 0)), color-stop(36%, #e60044), color-stop(78%, #e60044), to(rgba(230, 0, 68, 0)));
  background: linear-gradient(270deg, rgba(230, 0, 68, 0) 2%, #e60044 36%, #e60044 78%, rgba(230, 0, 68, 0));
  width: 4.26667rem;
  height: 0.53333rem;
  line-height: 0.53333rem;
  text-align: center;
  position: relative;
  margin-left: 0.85333rem;
}
.media-content .item-1 p[data-v-59eab7cc] {
  padding-left: 1.4rem;
  padding: 0.24rem 0 0.24rem 1.4rem;
}
.media-content .item-2[data-v-59eab7cc] {
  padding: 0.53333rem 0.4rem;
  text-align: center;
}
.media-content .item-2 .title[data-v-59eab7cc] {
  width: 5.97333rem;
  font-size: 0.4rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: justify;
  color: #e60044;
  line-height: 0.56rem;
  margin: 0 auto;
}
.media-content .item-2 p[data-v-59eab7cc] {
  font-size: 0.32rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #222222;
}


.select-box[data-v-03a9a7af] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  left: 0;
  top: 0;
  overflow: hidden;
}
video[data-v-03a9a7af] {
  background: #000;
}
.coverSelec[data-v-03a9a7af] {
  z-index: 9;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.box-container[data-v-03a9a7af] {
  z-index: 99;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  -webkit-animation: mymove-data-v-03a9a7af 0.3s;
          animation: mymove-data-v-03a9a7af 0.3s;
  padding-left: 0.32rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@-webkit-keyframes mymove-data-v-03a9a7af {
from {
    right: -50%;
    will-change: right;
}
to {
    right: 0;
    will-change: auto;
}
}
@keyframes mymove-data-v-03a9a7af {
from {
    right: -50%;
    will-change: right;
}
to {
    right: 0;
    will-change: auto;
}
}
.box-confirm[data-v-03a9a7af] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
  background: #b81c22;
  color: #fff;
  font-size: 0.45333rem;
  line-height: 1.2rem;
  text-align: center;
}
.box-item[data-v-03a9a7af] {
  height: 1.06667rem;
  border-bottom: 0.01333rem solid #dddddd;
  font-size: 0.34667rem;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.selected[data-v-03a9a7af] {
  color: #b81c22;
}
.box-item img[data-v-03a9a7af] {
  width: 0.28rem;
  margin-right: 0.21333rem;
}
.box-list[data-v-03a9a7af] {
  height: calc(100% - 1.2rem);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.box-bottom[data-v-03a9a7af] {
  height: 1.33333rem;
}


.select-box[data-v-1f167f48] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  left: 0;
  top: 0;
  overflow: hidden;
}
video[data-v-1f167f48] {
  background: #000;
}
.coverSelec[data-v-1f167f48] {
  z-index: 9;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.box-container[data-v-1f167f48] {
  z-index: 99;
  width: 7.46667rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  -webkit-animation: mymove-data-v-1f167f48 0.3s;
          animation: mymove-data-v-1f167f48 0.3s;
  padding-left: 0.32rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@-webkit-keyframes mymove-data-v-1f167f48 {
from {
    right: -50%;
    will-change: right;
}
to {
    right: 0;
    will-change: auto;
}
}
@keyframes mymove-data-v-1f167f48 {
from {
    right: -50%;
    will-change: right;
}
to {
    right: 0;
    will-change: auto;
}
}
.box-list[data-v-1f167f48] {
  height: calc(100% - 1.2rem);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.box-bottom[data-v-1f167f48] {
  height: 1.33333rem;
}
.btn_group[data-v-1f167f48] {
  position: absolute;
  width: 100%;
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  bottom: 0;
  right: 0;
  border-top: 0.01333rem solid #e9e9e9;
}
.btn_group span[data-v-1f167f48] {
  width: 50%;
  font-size: 0.4rem;
  text-align: center;
  height: 100%;
}
.btn_group span.btn_reset[data-v-1f167f48] {
  background: #eeeeee;
  line-height: 1.2rem;
  color: #222222;
}
.btn_group span.btn_confirm[data-v-1f167f48] {
  background: #b61e28;
  line-height: 1.2rem;
  color: #fff;
}


.video-box[data-v-235a5380] {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  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;
  z-index: 9;
}
.video-cover[data-v-235a5380] {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 9;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  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;
}


.search[data-v-be65d32c] {
  width: 100%;
  height: 1.52rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.29333rem 0.32rem;
  border-bottom: none;
  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;
  background: #fff;
}
.search-ipt[data-v-be65d32c] {
  width: 7.86667rem;
  height: 1.04rem;
  border: 0.01333rem solid #dddddd;
  border-radius: 0.10667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1.04rem;
}
input[data-v-be65d32c] {
  -webkit-appearance: none;
}
.text[data-v-be65d32c] {
  font-size: 0.29333rem;
  color: #999;
}
.lay-left[data-v-be65d32c] {
  position: relative;
}
.lay-right[data-v-be65d32c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 0.88rem;
}
.lay-right img[data-v-be65d32c] {
  width: 0.48rem;
}
.case-list[data-v-be65d32c] {
  padding: 0.4rem 0.4rem 0 0.4rem;
  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;
}
.case-list .case-item[data-v-be65d32c] {
  background: white;
  -webkit-box-shadow: 0rem 0rem 0.21333rem 0rem rgba(0, 0, 0, 0.1);
          box-shadow: 0rem 0rem 0.21333rem 0rem rgba(0, 0, 0, 0.1);
  width: calc(50% - 0.2rem);
  margin-bottom: 0.4rem;
}
.case-list .case-item[data-v-be65d32c]:nth-last-child(2),
.case-list .case-item[data-v-be65d32c]:last-child {
  margin-bottom: 0;
}
.case_type[data-v-be65d32c] {
  margin: 0.26667rem 0.8rem;
  height: 1.04rem;
  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;
  border: 0.02667rem solid #b81c22;
  border-radius: 0.06667rem;
}
.case_type span[data-v-be65d32c] {
  display: inline-block;
  text-align: center;
  line-height: 1.04rem;
  width: 2.76rem;
  font-size: 0.37333rem;
}
.case_type span.on[data-v-be65d32c] {
  background: #b81c22;
  color: #fff;
}
.case-list .case-item-img[data-v-be65d32c] {
  width: calc(50% - 0.2rem);
  margin-bottom: 0.4rem;
  background: white;
}
.case-list .case-item-img img[data-v-be65d32c] {
  width: 100%;
}
.case-list .tiele[data-v-be65d32c] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 0.90667rem;
  height: 0.90667rem;
  font-size: 0.37333rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #212121;
}
.load-more[data-v-be65d32c] {
  font-size: 0.32rem;
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  text-align: center;
  color: #999999;
  margin: 0.4rem 0;
}
.trade_list .trade_title[data-v-be65d32c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.32rem 0.32rem 0.4rem 0.32rem;
  color: #666666;
  font-size: 0.37333rem;
}
.trade_list .trade_title i[data-v-be65d32c] {
  width: 0.32rem;
  height: 0.18667rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAAjElEQVQokZXOsQ3CMBQE0JeIGiYga0CZbA1KQSYhUpgAFoDGX7KQY8hVlr/u6ZpxHOGIF5625YA9Hi06TLikwxbkmrpdmz4bnDdggZxSV4sFPeY/sRyZU3eJRYHdf2BFJBZFFgwVbBX5hmpYFYFdYX5gtwxrasgaVMKklUMJqUE5NuFdQ35BgfXZezUfmSsxyGgr7mgAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.trade_list .trade_title i.selectIcon[data-v-be65d32c] {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.trade_list ul[data-v-be65d32c] {
  padding: 0 0.12rem 0.4rem 0.12rem;
  overflow: hidden;
}
.trade_list ul li[data-v-be65d32c] {
  float: left;
  width: 2.08rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.26667rem;
  height: 1.01333rem;
  background: #f5f5f5;
  border-radius: 0.2rem;
  font-size: 0.32rem;
  color: #222222;
  margin-left: 0.2rem;
  border: 0.01333rem solid transparent;
}
.trade_list ul li span[data-v-be65d32c] {
  display: inline-block;
  width: 2.08rem;
  text-align: center;
}
.trade_list ul li.on[data-v-be65d32c] {
  color: #b61e28;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MUMyNDQ4QTFBMDMxMUU5QkExRjg3MTIxNzU4NUZDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MUMyNDQ4QjFBMDMxMUU5QkExRjg3MTIxNzU4NUZDNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxQzI0NDg4MUEwMzExRTlCQTFGODcxMjE3NTg1RkM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgxQzI0NDg5MUEwMzExRTlCQTFGODcxMjE3NTg1RkM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1xprZgAAAVFJREFUeNpi3CanwTBAoJJpoCwG4jamgbIYxKC35VUwi+ltOcjiVmQBpoGymF6WY7WYHpbjtJjWluO1mJaWE7SYVpYTZTEtLCfaYmpbTpLF1LScZIupZTlZFlPDcrItptRykixmZAJaxchIFctJs5iZmUF/YjeDbGQoxZaTbvGELgYWPh6Gp2s2UGQ5ZrXIxsbAwsOD18cgi8+l5jL8+/WLbMux+lg6JIDBdMlcBhZeXuwW83JjtZgUy3EG9ePlqxk+XrjIYLp4NtwBxFhMrOX44/j/f4Zrje1AB1wCO4BVgJ8oi4mxnLjEheQAhyO7ibIYCL6yUK0AgTrg86074FRNwGIQeMBC1ZIL6IDHy1YRq3o3E7WLTCLBXyCezTQAFoPADCC+xjQAFu8B4lLk1E4Pi/8A8TQg9gXi7yABFhpb/BWIHwLxISCeDApqZEmAAAMAFxF4qC2/xJIAAAAASUVORK5CYII=) no-repeat;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 0.4rem 0.4rem;
  border: 0.01333rem solid #b61e28;
}
.trade_list ul li.selectAreaIcon[data-v-be65d32c] {
  color: #b61e28;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NzA2ODY3MzFBMDUxMUU5OTlGM0I5NEJENjY3MTJDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NzA2ODY3NDFBMDUxMUU5OTlGM0I5NEJENjY3MTJDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MDY4NjcxMUEwNTExRTk5OUYzQjk0QkQ2NjcxMkNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3MDY4NjcyMUEwNTExRTk5OUYzQjk0QkQ2NjcxMkNDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iIrnCwAAAXdJREFUeNrE171OAkEQB/DZvYOG4xWE0s6E3thZ+QbGoFE6P6ortNeGRsUYE4gxPoSJhYU8AAmNNT6DnCaEU3c2njnCLtze7ccl/yzsFL9hmTsCeVpZBUfXKXUFs1xQVzC+sI2fJbBtHOHz9AZ1BdvChbANXAqbxhfCJvGlsCk8E2wCzwzrxpVgnbgyrAvPBevAc8NF8RmYlss8QqRUEtaork9c29uBRrczhyDc6N1ArbmtBRce9aj3ANNxNNNAAk8/IhjdPxbGpd/xTxzD8DjkEDbgB8E/PDwJeb0IvnS4eAMMiqNP2Og/81UGq+DqU02IlmnPDBPPg7WrNniVCryub/IV3+N+HlwNvm6DXw1g0Dpkwzfmq1+VNhBRXUddP9jlQ4bg92TC93AdtI54A/X95twNQiR/GtR/JP5urwTOULv0dT0yReiCGo5/l+p8Vitcdyxv1AH8whKmp90GjEd9y7LF8oUbvmE4Ynln6bN08KjTxV8BBgC7Moa6L9dvWAAAAABJRU5ErkJggg==) no-repeat;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 0.4rem 0.4rem;
  border: 0.01333rem solid #b61e28;
}
.case-item-outtv[data-v-be65d32c] {
  width: calc(50% - 0.2rem);
  margin-bottom: 0.4rem;
  background: white;
}
.case-item-outtv .case_content_video[data-v-be65d32c] {
  width: 4rem;
  height: 3.46667rem;
  position: relative;
  text-align: center;
}
.case-item-outtv .case_content_video .case_content_outimg[data-v-be65d32c] {
  position: absolute;
  left: -0.14667rem;
  top: -0.26667rem;
  width: 4.4rem;
  height: 3.86667rem;
}
.case-item-outtv .case_content_video .outtvitem_top_img[data-v-be65d32c] {
  width: 3.73333rem;
  height: 2.10667rem;
  margin: 0.13333rem 0.13333rem 0.13333rem 0.13333rem;
}
.case-item-outtv .case_content_video .outtvitem_top_img img[data-v-be65d32c] {
  width: 100%;
  height: 100%;
}
.case-item-outtv .case_content_video .outtvitem_bottom_box[data-v-be65d32c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0.13333rem;
}
.case-item-outtv .case_content_video .outtvitem_bottom_box .outtvitem_bottom_left[data-v-be65d32c] {
  width: 1.8rem;
  height: 1.01333rem;
}
.case-item-outtv .case_content_video .outtvitem_bottom_box .outtvitem_bottom_left img[data-v-be65d32c] {
  width: 100%;
  height: 100%;
}
.case-item-outtv .case_content_video .outtvitem_bottom_box .outtvitem_bottom_rigth[data-v-be65d32c] {
  width: 1.8rem;
  height: 1.01333rem;
}
.case-item-outtv .case_content_video .outtvitem_bottom_box .outtvitem_bottom_rigth img[data-v-be65d32c] {
  width: 100%;
  height: 100%;
}
.case-item-outtv .case_content_title[data-v-be65d32c] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 0.90667rem;
  height: 0.90667rem;
  font-size: 0.37333rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #212121;
}
.bgcase_video[data-v-be65d32c] {
  width: 10rem;
  height: 8.4rem;
  position: absolute;
  z-index: 13;
  background: #222222;
}
.bgcase_outvideo[data-v-be65d32c] {
  width: 10rem;
  height: 8.4rem;
  position: absolute;
  z-index: 13;
  background: #222222;
}
.bgcase_img[data-v-be65d32c] {
  width: 10rem;
  height: 7.46667rem;
  position: absolute;
  z-index: 13;
  background: #222222;
}
.case-container .search .lay-left[data-v-be65d32c] {
  width: 100%;
}
.case-container .search .lay-left form[data-v-be65d32c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.case-container .search .lay-left form .search-ipt[data-v-be65d32c] {
  height: 0.90667rem;
  background: #f7f7f7;
  border-radius: 0.10667rem;
  border: none;
  padding-left: 0.85333rem;
  font-size: 0.37333rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #212121;
  width: calc(100% - 1.33333rem);
}
.case-container .search .lay-left form span[data-v-be65d32c] {
  display: inline-block;
  width: 1.33333rem;
  height: 0.90667rem;
  line-height: 0.90667rem;
  text-align: center;
  color: #E60044;
}
.case-container .search .lay-left img[data-v-be65d32c] {
  position: absolute;
  left: 0.24rem;
  top: 0.26667rem;
  width: 0.34667rem;
  height: 0.37333rem;
}
.case-container .choose-item[data-v-be65d32c] {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.4rem;
  border-radius: 0rem 0rem 0.48rem 0.48rem;
}
.case-container .choose-item .lay-left[data-v-be65d32c] {
  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;
}
.case-container .choose-item .lay-left span[data-v-be65d32c] {
  background: #f3f3f3;
  border-radius: 0rem 0.16rem 0.16rem 0.16rem;
  font-size: 0.37333rem;
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  text-align: center;
  color: #999999;
  width: 2.26667rem;
  height: 0.69333rem;
  line-height: 0.69333rem;
  display: inline-block;
  margin-right: 0.34667rem;
}
.case-container .choose-item .lay-left span[data-v-be65d32c]:last-child {
  margin-right: 0.33333rem;
}
.case-container .choose-item .lay-left .on[data-v-be65d32c] {
  background: #e60044;
  color: #ffffff;
}
.case-container .lay-right .text[data-v-be65d32c] {
  font-size: 0.29333rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
}
.choose-area-bg[data-v-be65d32c] {
  position: absolute;
  z-index: 999;
  top: 1.17333rem;
  left: 0;
  width: 100%;
  height: calc(100vh - 1.17333rem);
  border-radius: inherit !important;
  background: rgba(0, 0, 0, 0.5);
}
.choose-area[data-v-be65d32c] {
  height: 13.22667rem;
  background: white;
  position: relative;
}
.choose-area .title[data-v-be65d32c] {
  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;
  border-bottom: 0.02667rem solid #f2f2f2;
}
.choose-area .title > div[data-v-be65d32c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.37333rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
  text-align: center;
  height: 1.17333rem;
  line-height: 1.17333rem;
  position: relative;
  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;
}
.choose-area .title > div span[data-v-be65d32c] {
  margin-left: 0.26667rem;
}
.choose-area .title > div:first-child span[data-v-be65d32c] {
  width: 0;
  height: 0;
  border-left: 0.10667rem solid transparent;
  border-right: 0.10667rem solid transparent;
  border-bottom: 0.16rem solid #E60044;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.choose-area .title > div:last-child span[data-v-be65d32c] {
  width: 0;
  height: 0;
  border-left: 0.10667rem solid transparent;
  border-right: 0.10667rem solid transparent;
  border-bottom: 0.16rem solid #d8d8d8;
}
.choose-area .title .titleActive[data-v-be65d32c] {
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #e60044;
}
.choose-area .industry-items ul[data-v-be65d32c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0.4rem;
}
.choose-area .industry-items ul li[data-v-be65d32c] {
  width: 2.8rem;
  height: 0.85333rem;
  line-height: 0.85333rem;
  border: 0.02667rem solid #e5e7e9;
  border-radius: 0.05333rem;
  font-size: 0.32rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #999999;
  margin-top: 0.4rem;
}
.choose-area .industry-items ul li.on[data-v-be65d32c] {
  background: rgba(230, 0, 68, 0.04);
  border: 0.02667rem solid #e60044;
  color: #e60044;
}
.choose-area .area-items[data-v-be65d32c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 2.34667rem);
}
.choose-area .area-items .area-province[data-v-be65d32c] {
  width: 3.73333rem;
  background: #f6f6f6;
  overflow: scroll;
  padding: 0.26667rem 0.4rem;
}
.choose-area .area-items .area-province ul li[data-v-be65d32c] {
  font-size: 0.37333rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #666666;
  padding: 0.26667rem 0;
}
.choose-area .area-items .area-province ul li[data-v-be65d32c]:first-child {
  margin-top: 0;
}
.choose-area .area-items .area-city[data-v-be65d32c] {
  width: calc(100% - 3.73333rem);
  padding: 0.26667rem 0.4rem;
  overflow: scroll;
}
.choose-area .area-items .area-city ul li[data-v-be65d32c] {
  padding: 0.26667rem 0;
  font-size: 0.37333rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.choose-area .area-items .area-city ul li #check[data-v-be65d32c] {
  width: 0.53333rem;
  height: 0.53333rem;
  background: #ffffff;
  border: 0.02667rem solid #e5e7e9;
  border-radius: 0.05333rem;
}
.choose-area .choose-btn[data-v-be65d32c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.17333rem;
  font-size: 0.42667rem;
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  text-align: center;
  color: #999999;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.choose-area .choose-btn .reset[data-v-be65d32c] {
  width: 3.73333rem;
  height: 100%;
  line-height: 1.17333rem;
}
.choose-area .choose-btn .confirm[data-v-be65d32c] {
  width: calc(100% - 3.73333rem);
  height: 100%;
  line-height: 1.17333rem;
  background: #e60044;
  color: white;
}
.chooseActive[data-v-be65d32c] {
  color: #e60044 !important;
  font-weight: 600 !important;
}
.chooseActive2[data-v-be65d32c] {
  color: #e60044 !important;
}
.chooseActive1[data-v-be65d32c] {
  background: #e60044 !important;
  position: relative;
}
.chooseActive1[data-v-be65d32c]::before {
  content: "";
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABP0lEQVQ4T82TMUsbUBSFv2/v0j/QQfoDXItkEZHYgIODUOhYN+siRoVuQqEqBXUTHHUodBKU4mY7FTo66iJ2cRbHU15ISozGYMyQO9/3vXvPOVcGXA6Yx/ABkxwA74B1dflZEyb5BKwBh+p0ka9vYJIZ4DtwDkyqF30Dk7wGfgMvgZp61DK3rwmT/ALGgEX1a3tSngxMsgvMAXvqh87YNYBJfhQdgLq60S2bST4C2811x9WbbsCiSYGOAG/V487GJBXgFLgFKuqfhz7+v3KSKlBAf4FR9br1IMkL4Ax4BbxX97ttcUfDJPPADnCiFgkalaS4OAV8UVceO9d7piTZAhaADbWe5DOwChyptV63/6DLbSbNAt+AS+CNetUvsGj1s6lZYVTVYlrP6prDJBNFS2BJ3exJajY8Odi9wMMP/AedqGUVQpJgPgAAAABJRU5ErkJggg==) no-repeat center;
}
@media screen and (max-device-width: 320px) {
.case-container .choose-item .lay-left span[data-v-be65d32c] {
    margin-right: 0.26667rem;
}
}
.caseTypeChild[data-v-be65d32c] {
  background: #fff;
  padding-bottom: 0.26667rem;
  border-radius: 0 0 0.26667rem 0.26667rem;
}
.caseTypeChild span[data-v-be65d32c] {
  display: inline-block;
  margin-left: 0.4rem;
  color: #333333;
  padding-bottom: 0.05333rem;
}
.caseTypeChild span.on[data-v-be65d32c] {
  color: #e60044;
  border-bottom: 0.02667rem solid #E60044;
}


.tabs[data-v-cbdcb4b6] {
  background: white;
  margin: 0.26667rem 0;
}
.tabs .steps[data-v-cbdcb4b6] {
  padding: 0 0.4rem;
}
.tabs .steps .step[data-v-cbdcb4b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.13333rem 0;
}
.tabs .steps .step .img[data-v-cbdcb4b6] {
  width: 2.45333rem;
  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;
}
.tabs .steps .step .img img[data-v-cbdcb4b6] {
  width: 1.28rem;
}
.tabs .steps .step .text[data-v-cbdcb4b6] {
  width: calc(100% - 2.45333rem - 1.86667rem);
  border-bottom: 0.02667rem dashed #ffd3d3;
  padding: 0.4rem 0;
}
.tabs .steps .step .text strong[data-v-cbdcb4b6] {
  font-size: 0.4rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #222222;
}
.tabs .steps .step .text p[data-v-cbdcb4b6] {
  font-size: 0.34667rem;
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  color: #545454;
  margin-top: 0.26667rem;
}
@media screen and (max-device-width: 320px) {
.tabs .steps .step .text[data-v-cbdcb4b6] {
    width: calc(100% - 2.45333rem - 1.33333rem);
}
}


.header_con[data-v-4dc1aca5] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: #ddd solid 0.01333rem;
  background: #fff;
  z-index: 999;
}
.header[data-v-4dc1aca5] {
  position: relative;
}
.header .back_btn[data-v-4dc1aca5] {
  position: absolute;
  width: 1.35338346rem;
  height: 1.35338346rem;
  left: 0;
  top: 0;
}
.header .back_btn i[data-v-4dc1aca5] {
  width: 0.37593985rem;
  height: 0.37593985rem;
  border-left: #b81c22 solid 0.07518797rem;
  border-top: #b81c22 solid 0.07518797rem;
  display: block;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin: 0.3887218rem auto;
}
.header .logo[data-v-4dc1aca5] {
  padding: 0.2rem 0;
  width: 3.467rem;
  margin: 0 auto;
}


.mb20 img[data-v-64615e8b] {
  margin-bottom: 0.26667rem;
  margin-top: 0.26667rem;
}
.resource-detail-container[data-v-64615e8b] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.1465rem 0.4rem;
  text-align: center;
}
.containerTop[data-v-64615e8b] {
  margin-top: 1.46667rem;
}
.title-cont[data-v-64615e8b] {
  color: #333;
}
.title-cont img[data-v-64615e8b] {
  width: 0.2665rem;
  position: relative;
  top: -0.05333rem;
}
.title-cont .title[data-v-64615e8b] {
  font-size: 0.3735rem;
  margin-top: 0.2535rem;
  display: inline-block;
  position: relative;
  padding: 0 0.05rem;
  background: white;
  min-width: 2.2rem;
}
.title-cont .title[data-v-64615e8b]::after {
  content: "";
  width: 100%;
  min-width: 3.05rem;
  height: 0.32rem;
  position: absolute;
  border: 0.01333rem solid #b81c22;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  top: -0.1rem;
  left: 50%;
  z-index: -1;
  padding: 0 0.15rem;
}
.title-cont .title-detail[data-v-64615e8b] {
  font-size: 0.2rem;
}


.xc-loading[data-v-416d18c9] {
  position: fixed;
  padding: 0.4rem;
  max-width: 80%;
  margin: auto;
  border-radius: 0.06667rem;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  z-index: 1000;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.xc-loading svg path[data-v-416d18c9],
.xc-loading svg rect[data-v-416d18c9] {
  fill: #FFFFFF;
}
.xc-loading p[data-v-416d18c9] {
  padding: 0.13333rem 0;
  line-height: 0.64rem;
  font-size: 0.37333rem;
}
.xc-loading-fade-enter-active[data-v-416d18c9],
.xc-loading-fade-leave-active[data-v-416d18c9] {
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
.xc-loading-fade-enter[data-v-416d18c9],
.xc-loading-fade-leave-to[data-v-416d18c9] {
  opacity: 0;
}

@charset "utf-8";
/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
  background: #fff;
  color: #333;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
  font: 0.16rem/1.5 "Hiragino Sans GB", "Microsoft YaHei", "SimSun", Arial, Tahoma, Helvetica, Geneva, sans-serif;
  color: #333;
}
input,
select,
textarea {
  font-size: 100%;
}
/* 去掉 table cell 的边距并让其边重合 */
table {
  border-spacing: 0;
}
/* ie bug：th 不继承 text-align */
th {
  text-align: inherit;
}
/* 去除默认边框 */
fieldset,
img {
  border: none;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
  border: none;
  font-variant: normal;
}
/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}
address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
}
/* 去掉列表前的标识，li 会继承 */
ol,
ul {
  list-style: none;
}
/* 对齐是排版最重要的因素，别让什么都居中 */
caption,
th {
  text-align: left;
}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* 让链接在 hover 状态下显示下划线 */
a:hover {
  text-decoration: underline;
}
/* 默认不显示下划线，保持页面简洁 */
ins,
a {
  text-decoration: none !important;
}
a {
  color: #333;
}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,
*:focus {
  outline: none;
}
/* 清除浮动 */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
  /* for ie6 & ie7 */
}
.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
}
/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
  display: none;
}
.block {
  display: block;
}
/* 设置浮动，减少浮动带来的 bug */
.fl,
.fr {
  display: inline;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b3b3b3;
  font-size: 0.34667rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b3b3b3;
  font-size: 0.34667rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b3b3b3;
  font-size: 0.34667rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b3b3b3;
  font-size: 0.34667rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
}
img {
  width: 100%;
  vertical-align: middle;
}
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}