@charset "UTF-8";
/* variable define */
/**
 * flex盒子
 */
/**
 * 伸缩流方向
 * @param: row | row-reverse | column | column-reverse
 */
/**
 * 缩换行
 * @param: nowrap | wrap | wrap-reverse
 */
/**
 * 伸缩流方向与换行，混合版本新增的，old版本木有
 * @param:  、
 */
/**
 * 主轴对齐
 * @param flex-start | flex-end | center | space-between | space-around
 */
/**
 * 侧轴对齐
 * @param flex-start | flex-end | center | baseline | stretch
 */
/**
 * 堆栈伸缩行 old版本没有该属性，前提：flex-wrap:wrap;
 * @param flex-start | flex-end | center | space-between | space-around | stretch
 */
/**
 * 伸缩性 强制三个参数，或者1个参数，不允许两个参数 不推荐这种方式
 * @param  ,,
 */
/**
 * 显示顺序
 * @param*/
body {
  font-size: 14px;
  background-color: #fff !important;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}

#downApp {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  color: #222;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  position: relative;
}
#downApp .top img {
  width: 100%;
  height: auto;
}
#downApp .block {
  background: #fff;
  width: 90%;
  box-shadow: 1px 0px 10px #ccc;
  border-radius: 10px;
  margin: auto;
  margin-top: -75px;
  margin-bottom: 20px;
  padding: 25px;
}
#downApp .block .b-top {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  padding: 0 30px;
}
#downApp .block .b-top img {
  width: 55px;
  height: 55px;
}
#downApp .block .b-top .b-right {
  font-size: 13px;
  color: #666;
  margin-left: 15px;
}
#downApp .block .b-top .b-right .bt {
  font-size: 20px;
  color: #000;
  padding-bottom: 5px;
  letter-spacing: 2px;
}
#downApp .block .bm-bottom {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
#downApp .block .bm-bottom .downBtn {
  background: #467ef6;
  color: #fff;
  width: 85%;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: auto;
  margin-top: 30px;
  border-radius: 20px;
}
#downApp .share-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
}
#downApp .share-cover .arrow {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 90px;
  height: 100px;
  background-image: url("../download/img/share.png");
  background-size: 100% 100%;
}
#downApp .share-cover .text {
  position: absolute;
  top: 110px;
  right: 110px;
  color: #fff;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
}

#downAppMoreIntroduce {
  max-width: 520px;
}
#downAppMoreIntroduce.ylsPage {
  background: #316bf3;
}
@-webkit-keyframes tipmove {
  0% {
    bottom: 0.5rem;
    opacity: 0;
  }
  100% {
    bottom: 0.15rem;
    opacity: 1;
  }
}
@-webkit-keyframes tipmoveyls {
  0% {
    bottom: 90px;
    opacity: 0;
  }
  100% {
    bottom: 80px;
    opacity: 1;
  }
}
#downAppMoreIntroduce .next {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  -webkit-animation: tipmove 1s infinite ease-in-out;
  text-align: center;
}
#downAppMoreIntroduce .next img {
  width: 0.24rem;
  height: 0.24rem;
}
#downAppMoreIntroduce .next.yls {
  -webkit-animation: tipmoveyls 1s infinite ease-in-out;
}
#downAppMoreIntroduce .next.yls img {
  width: 0.52rem;
  height: 0.32rem;
}
#downAppMoreIntroduce .addmc {
  position: absolute;
  bottom: 0rem;
  left: 0;
  right: 0;
  height: 1.54rem;
  background: #74a5ff;
  z-index: 1;
}
#downAppMoreIntroduce .addmc.oth {
  background: #538cf8;
}
#downAppMoreIntroduce .ylsBottom {
  position: absolute;
  bottom: 0;
  color: #32363C;
  z-index: 10;
  padding: 0.32rem;
  display: flex;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.6);
  height: 1.44rem;
}
#downAppMoreIntroduce .ylsBottom .lt {
  display: flex;
  align-items: center;
}
#downAppMoreIntroduce .ylsBottom .lt img {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.2rem;
}
#downAppMoreIntroduce .ylsBottom .lt span {
  color: #32363C;
  font-size: 0.44rem;
}
#downAppMoreIntroduce .ylsBottom .rt {
  width: 2.12rem;
  height: 0.8rem;
  background: #FE6835;
  border-radius: 0.44rem;
  text-align: center;
  line-height: 0.8rem;
  color: #fff;
  font-size: 0.28rem;
}
#downAppMoreIntroduce .swiper-slide {
  text-align: center;
  font-size: 0;
}
#downAppMoreIntroduce .swiper-slide.page1 {
  background-image: url("../download/moreIntroduce/img/bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#downAppMoreIntroduce .swiper-slide.page1 .title {
  padding-top: 1.34rem;
  font-size: 0.62rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.62rem;
}
#downAppMoreIntroduce .swiper-slide.page1 .desc {
  font-size: 0.3rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0.42rem;
  padding-top: 0.26rem;
  height: 1.42rem;
}
#downAppMoreIntroduce .swiper-slide.page1 .msg {
  width: 4.92rem;
  height: 7rem;
}
#downAppMoreIntroduce .swiper-slide.page2 {
  background-image: url("../download/moreIntroduce/img/bg2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#downAppMoreIntroduce .swiper-slide.page3 {
  background-image: url("../download/moreIntroduce/img/bg3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#downAppMoreIntroduce .swiper-slide.page11 {
  background-image: url("../download/moreIntroduce/img/bg11.png");
}
#downAppMoreIntroduce .swiper-slide.page11 .title {
  font-size: 0.58rem;
  padding-top: 1.37rem;
}
#downAppMoreIntroduce .swiper-slide.page11 .desc {
  color: #fff;
  padding-top: 0.27rem;
  height: 0.92rem;
}
#downAppMoreIntroduce .swiper-slide.page11 .midImg {
  text-align: right;
}
#downAppMoreIntroduce .swiper-slide.page11 .midImg .msg {
  width: 6.4rem;
  height: 9.06rem;
}
#downAppMoreIntroduce .swiper-slide.page22 {
  background-image: url("../download/moreIntroduce/img/bg22.png");
}
#downAppMoreIntroduce .swiper-slide.page22 .img-title {
  width: auto;
  height: 0.62rem;
}
#downAppMoreIntroduce .swiper-slide.page33 {
  background-image: url("../download/moreIntroduce/img/bg33.png");
}
#downAppMoreIntroduce .swiper-slide.page33 .img-title {
  width: auto;
  height: 0.62rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 0.28rem;
  color: #fff;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 {
  background-image: url("../download/moreIntroduce/img/yls/bg_01.png");
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .title {
  padding: 0.64rem 0 0 0.64rem;
  display: flex;
  align-items: center;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .title img {
  width: 0.8rem;
  height: 0.8rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .title span {
  font-size: 0.48rem;
  margin-left: 0.2rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .des {
  padding-top: 0.48rem;
  padding-left: 0.64rem;
  text-align: left;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .des .tl {
  font-size: 0.68rem;
  line-height: 0.68rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .des .tl2 {
  background: #FFED24;
  color: #1C59EF;
  font-size: 0.42rem;
  padding: 0.12rem 0.34rem 0.22rem;
  display: inline-block;
  /* line-height: 0.52rem; */
  margin-top: 0.24rem;
  border-radius: 0 0.48rem 0.48rem 0.48rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .des .tl3 {
  font-size: 0.36rem;
  margin-top: 0.24rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .pgHumam {
  position: absolute;
  bottom: 0;
  right: 0;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .pgHumam img {
  /* width: 7.5rem; */
  height: calc(100vh - 300px);
  width: auto;
}
#downAppMoreIntroduce .swiper-slide.pageyls_1 .mc {
  height: 6.8rem;
  background: linear-gradient(180deg, rgba(75, 129, 248, 0) 0%, #74a5ff 100%);
  position: absolute;
  bottom: 1.44rem;
  left: 0;
  right: 0;
  z-index: 1;
}
#downAppMoreIntroduce .swiper-slide.pageyls_2 {
  background-image: url("../download/moreIntroduce/img/yls/bg_2.png");
}
#downAppMoreIntroduce .swiper-slide.pageyls_2 .top-im {
  color: #242A32;
  padding: 0.5rem 0.6rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#downAppMoreIntroduce .swiper-slide.pageyls_2 .top-im .im {
  font-size: 0.42rem;
  width: 3.08rem;
  height: 0.84rem;
  background: linear-gradient(270deg, rgba(255, 237, 36, 0.71) 0%, #ffed24 94%);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.48rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_2 .top-im .im img {
  width: 0.72rem;
  height: 0.72rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_2 .md-img {
  text-align: center;
}
#downAppMoreIntroduce .swiper-slide.pageyls_2 .md-img img {
  width: 100%;
}
#downAppMoreIntroduce .swiper-slide.pageyls_2 .mc {
  height: 6.8rem;
  background: linear-gradient(180deg, rgba(85, 145, 249, 0) 0%, #538cf8 100%);
  position: absolute;
  bottom: 1.44rem;
  left: 0;
  right: 0;
  z-index: 1;
}
#downAppMoreIntroduce .swiper-slide.pageyls_2 .mc .ms {
  font-size: 0.72rem;
  padding-top: 4rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_2 .mc .ms .t2 span {
  color: #FFED24;
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 {
  background-image: url("../download/moreIntroduce/img/yls/bg_3.png");
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 .pg3Top {
  margin: 1rem 0.66rem 0;
  background: #fff;
  color: #242A32;
  font-size: 0.4rem;
  border-radius: 0.28rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 .pg3Top .pgRow {
  display: flex;
  border-bottom: 0.06rem solid #F2F6FC;
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 .pg3Top .pgRow:last-child {
  border-bottom: none;
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 .pg3Top .pgRow .itms {
  flex: 1;
  height: 3.10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 0.06rem solid #F2F6FC;
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 .pg3Top .pgRow .itms:last-child {
  border-right: none;
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 .pg3Top .pgRow .itms img {
  width: 1.5rem;
  height: 1.5rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 .mc {
  height: 6.8rem;
  background: linear-gradient(180deg, rgba(85, 145, 249, 0) 0%, #538cf8 100%);
  position: absolute;
  bottom: 1.44rem;
  left: 0;
  right: 0;
  z-index: 1;
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 .mc .ms {
  font-size: 0.72rem;
  padding-top: 4rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_3 .mc .ms .t2 span {
  color: #FFED24;
}
#downAppMoreIntroduce .swiper-slide.pageyls_4 {
  background-image: url("../download/moreIntroduce/img/yls/bg_4.png");
}
#downAppMoreIntroduce .swiper-slide.pageyls_4 .pg4Top {
  color: #242A32;
  font-size: 0.28rem;
  padding: 0.68rem 0.56rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#downAppMoreIntroduce .swiper-slide.pageyls_4 .pg4Top .its {
  width: 2rem;
  height: 0.56rem;
  background: linear-gradient(270deg, rgba(255, 237, 36, 0.71) 0%, #ffed24 94%);
  border-radius: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.32rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_4 .pg4Top .its img {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.16rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_4 .pg4Mid img {
  width: 6.86rem;
  height: auto;
  margin-top: -0.96rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_4 .mc {
  height: 6.8rem;
  background: linear-gradient(180deg, rgba(85, 145, 249, 0) 0%, #538cf8 100%);
  position: absolute;
  bottom: 1.44rem;
  left: 0;
  right: 0;
  z-index: 1;
}
#downAppMoreIntroduce .swiper-slide.pageyls_4 .mc .ms {
  font-size: 0.72rem;
  padding-top: 4rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_4 .mc .ms .t2 span {
  color: #FFED24;
}
#downAppMoreIntroduce .swiper-slide.pageyls_5 {
  background-image: url("../download/moreIntroduce/img/yls/bg_5.png");
}
#downAppMoreIntroduce .swiper-slide.pageyls_5 .pg5Top {
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0.52rem 0;
  flex-wrap: wrap;
}
#downAppMoreIntroduce .swiper-slide.pageyls_5 .pg5Top .ims {
  margin-top: 0.24rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_5 .pg5Top .ims img {
  width: 3.12rem;
  height: auto;
}
#downAppMoreIntroduce .swiper-slide.pageyls_5 .mc {
  height: 6.8rem;
  background: linear-gradient(180deg, rgba(85, 145, 249, 0) 0%, #538cf8 100%);
  position: absolute;
  bottom: 1.44rem;
  left: 0;
  right: 0;
  z-index: 1;
}
#downAppMoreIntroduce .swiper-slide.pageyls_5 .mc .ms {
  font-size: 0.72rem;
  padding-top: 4rem;
}
#downAppMoreIntroduce .swiper-slide.pageyls_5 .mc .ms .t2 span {
  color: #FFED24;
}
#downAppMoreIntroduce .swiper-slide .img-title {
  margin-top: 1.34rem;
  width: 2.51rem;
  height: 0.65rem;
}
#downAppMoreIntroduce .swiper-slide .desc {
  min-height: 1.39rem;
  font-size: 0.3rem;
  color: rgba(100, 105, 110, 0.7);
  line-height: 0.42rem;
  padding-top: 0.2rem;
}
#downAppMoreIntroduce .swiper-slide .apply {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  font-size: 0.2rem;
  color: #BDBFC1;
  line-height: 0.32rem;
  padding-bottom: 0.8rem;
  background: #fff;
}
#downAppMoreIntroduce .swiper-slide .apply.identity {
  background: rgba(255, 255, 255, 0);
}
#downAppMoreIntroduce .swiper-slide .apply.identity .btn {
  background: #3373FC;
  color: #fff;
  border: none;
}
#downAppMoreIntroduce .swiper-slide .apply .btn {
  width: 5.54rem;
  height: 0.9rem;
  border-radius: 0.08rem;
  border: 0.03rem solid #3373FC;
  display: inline-block;
  font-size: 0.3rem;
  color: #3373FC;
  line-height: 0.84rem;
  margin-bottom: 0.1rem;
}
#downAppMoreIntroduce .swiper-slide .apply .btn.s {
  background: #3373FC;
  color: #fff;
}
#downAppMoreIntroduce .share-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
}
#downAppMoreIntroduce .share-cover .arrow {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 90px;
  height: 100px;
  background-image: url("../download/img/share.png");
  background-size: 100% 100%;
}
#downAppMoreIntroduce .share-cover .text {
  position: absolute;
  top: 110px;
  right: 110px;
  color: #fff;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
}