.page-1 {
  position: relative;
}
.page-1 .btn {
  position: absolute;
  left: 0.55rem;
  bottom: 1.09rem;
  width: 2rem;
  height: 0.68rem;
  line-height: 0.68rem;
  background-color: #fff;
  text-align: center;
  font-size: 0.28rem;
  font-weight: bold;
  color: #4880ff;
  border-radius: 0.45rem;
}
.page-1 .box {
  position: absolute;
  top: 1.02rem;
  left: 0;
  display: flex;
  justify-content: center;
  padding: 0rem 0.45rem;
}
.page-1 .box .item {
  width: 2rem;
  height: 0.72rem;
  margin: 0 0.1rem;
  line-height: 0.72rem;
  background-color: #477eff;
  opacity: 0.5;
  color: #fff;
  font-size: 0.28rem;
  text-align: center;
  border-radius: 0.4rem;
}
.page-1 .box .active {
  background-color: #477eff !important;
  opacity: 1!important;
}
.h-1022 {
  height: 10.22rem;
}
.h-946 {
  height: 9.46rem;
}
.h-900 {
  height: 9rem;
}
.h-93 {
  height: 9.3rem;
}
.w-596 {
  width: 5.96rem;
}
.h-1216 {
  height: 12.16rem;
}
.h-718 {
  height: 7.18rem;
}
.h-738 {
  height: 7.38rem;
}
.h-784 {
  height: 7.84rem;
}
.h-880 {
  height: 8.8rem;
}
.h-840 {
  height: 8.4rem;
}
.h-856 {
  height: 8.56rem;
}
.h-1112 {
  height: 11.12rem;
}
#fir {
  display: block;
}
#fir .bcg1 {
  overflow: hidden;
  background-color: #fff;
  text-align: center;
  position: relative;
}
#fir .bcg1 .vid1 {
  width: 6.9rem;
  height: 3.88rem;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  margin-left: -3.45rem;
  z-index: 111;
  border-radius: 0.06rem;
}
#fir .bcg1 .img1 {
  width: 6.9rem;
  height: 1.8rem;
  margin: 0.5rem auto 0rem;
  box-shadow: 0px 0.04rem 0.24rem 0px rgba(72, 128, 255, 0.2);
  border-radius: 0.06rem;
}
#fir .bcg1 .img2 {
  width: 100%;
  margin-top: 0.13rem;
}
#fir .bcg1 .img3 {
  width: 7.02rem;
  margin-top: 0.24rem;
}
#fir .bcg1 .img4 {
  width: 100%;
  margin-top: 0.25rem;
  left: 0rem;
  bottom: 0rem;
}
#fir .bcg1 .img5 {
  width: 100%;
  bottom: 0rem;
  left: 0rem;
  position: absolute;
  z-index: 1;
}
#fir .bcg1 .img6 {
  width: 0.94rem;
  height: 0.94rem;
  position: absolute;
  left: 50%;
  margin-left: -0.32rem;
  bottom: 2.47rem;
  z-index: 113;
}
#fir .bcg1 .img7 {
  width: 6.9rem;
  height: 3.88rem;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  margin-left: -3.45rem;
  border-radius: 0.06rem;
  z-index: 112;
}
#fir .bcg1 .title1 {
  width: 1.58rem;
  height: 0.6rem;
  background: rgba(247, 23, 81, 0.1);
  border-radius: 0.06rem;
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.3rem;
  color: #f71751 !important;
  font-weight: bold;
  margin: 1rem auto 0rem;
}
#fir .bcg1 .title2 {
  width: 2.48rem;
  height: 0.6rem;
  background: rgba(247, 23, 81, 0.1);
  border-radius: 0.06rem;
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.3rem;
  color: #f71751 !important;
  font-weight: bold;
  margin: 1rem auto 0rem;
}
#fir .bcg1 .p-one {
  line-height: 0.56rem;
  font-size: 0.4rem;
  color: ##122142;
  margin-top: 0.3rem;
  font-weight: bold;
}
#fir .bcg1 .p-two {
  margin: 0 auto;
  line-height: 0.36rem;
  margin-top: 0.16rem;
  font-size: 0.24rem;
  padding:0 .3rem;
}
#fir .bcg1 .mt-4 {
  margin-top: 0.4rem !important;
}
#fir .bcg1 .box1 {
  justify-content: center;
  display: flex;
  margin-top: 0.5rem;
}
#fir .bcg1 .box1 .item {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.8rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.26rem;
  color: #fff;
  border-radius: 0.3rem;
}
#fir .bcg1 .box1 .item1 {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.65rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  border-radius: 0.3rem;
  font-weight: 500;
}
#fir .bcg2 {
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #f7f8fb;
}
#fir .bcg2 .img1 {
  position:relative;
  width: 5.98rem;
  z-index:9;
}
#fir .bcg2 .img2 {
  width: 2.99rem;
  position: absolute;
  left: 0rem;
  bottom: 0.57rem;
}
#fir .bcg2 .img3 {
  width: 4.6rem;
  margin-top: 0.39rem;
  margin-bottom:.5rem;
}
#fir .bcg2 .img4 {
  width: 6.94rem;
   position:relative;
   z-index:9;
}
#fir .bcg2 .img5 {
  width: 4rem;
  position: absolute;
  left: 0rem;
  bottom: 0.18rem;
}
#fir .bcg2 .title2 {
  width: 2.18rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  color: #f71751 !important;
  background: rgba(247, 23, 81, 0.1);
  border-radius: 0.06rem;
  margin: 1rem auto 0rem;
  font-weight: bold;
  font-size:.3rem;
}
#fir .bcg2 .p-one {
  line-height: 0.56rem;
  font-size: 0.4rem;
  color: ##122142;
  margin-top: 0.3rem;
  font-weight: bold;
}
#fir .bcg2 .p-two {
  margin: 0 auto;
  line-height: 0.36rem;
  margin-top: 0.16rem;
  font-size: 0.24rem;
}
#fir .bcg2 .box1 {
  margin-top: 0.4rem;
  justify-content: center;
  display: flex;
  margin-bottom:.5rem;
}
#fir .bcg2 .box1 .item {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.8rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.26rem;
  color: #fff;
  border-radius: 0.3rem;
}
#sec {
  display: none;
}
#sec .bcg1 {
  background-color: #fff;
  text-align: center;
  overflow: hidden;
}
#sec .bcg1 .img1 {
  width: 6.9rem;
  margin: 0.6rem auto 0rem;
}
#sec .bcg1 .img2 {
  width: 6.9rem;
  margin: 0.5rem auto 0rem;
}
#sec .bcg1 .img4 {
  width: 5.9rem;
  margin: 0.4rem auto 0rem;
}
#sec .bcg1 .img7 {
  margin-top: 0.33rem;
  width: 100%;
}
#sec .bcg1 .p-one {
  line-height: 0.56rem;
  font-size: 0.4rem;
  color: ##122142;
  margin-top: 1rem;
  font-weight: bold;
  margin: 1rem auto 0rem;
}
#sec .bcg1 .p-two {
  margin: 0 auto;
  width: 5.8rem;
  line-height: 0.36rem;
  margin-top: 0.16rem;
  font-size: 0.24rem;
}
#sec .bcg1 .box1 {
  justify-content: center;
  display: flex;
  padding: 0rem 0.75rem;
  margin-top: 0.5rem;
}
#sec .bcg1 .box1 .item {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.8rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.26rem;
  color: #fff;
  border-radius: 0.3rem;
}
#sec .bcg1 .box1 .item1 {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.65rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  border-radius: 0.3rem;
  font-weight: 500;
}
#sec .bcg2 {
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #f7f8fb;
}
#sec .bcg2 .vid2 {
  width: 6.9rem;
  height: 3.88rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -3.45rem;
  z-index: 111;
  border-radius: 0.06rem;
}
#sec .bcg2 .img3 {
  width: 7.02rem;
  margin-top: 0.24rem;
}
#sec .bcg2 .img5 {
  width: 100%;
  margin: 0.4rem auto 0rem;
}
#sec .bcg2 .img6 {
  position: absolute;
  width: 3rem;
  height: 3.56rem;
  left: 0rem;
  bottom: 0.57rem;
}
#sec .bcg2 .img8 {
  position: absolute;
  bottom: -1.3rem;
  left: 0rem;
  width: 100%;
}
#sec .bcg2 .img9 {
  width: 0.94rem;
  height: 0.94rem;
  position: absolute;
  bottom: 2.47rem;
  left: 50%;
  margin-left: -0.47rem;
  z-index: 113;
  top:50%;
  margin-top: -0.47rem;
}
#sec .bcg2 .img10 {
  position: absolute;
  bottom: 0rem;
  left: 50%;
  margin-left: -3.45rem;
  width: 6.9rem;
  z-index: 112;
}
#sec .bcg2 .p-one {
  line-height: 0.56rem;
  font-size: 0.4rem;
  color: ##122142;
  margin-top: 1rem;
  font-weight: bold;
}
#sec .bcg2 .p-two {
  margin: 0 auto;
  line-height: 0.36rem;
  margin-top: 0.16rem;
  font-size: 0.24rem;
}
#sec .bcg2 .box1 {
  justify-content: center;
  display: flex;
  margin-top: 0.4rem;
  margin-bottom:.4rem;
}
#sec .bcg2 .box1 .item {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.8rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.26rem;
  color: #fff;
  border-radius: 0.3rem;
}
#sec .bcg2 .box1 .item1 {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.65rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  border-radius: 0.3rem;
  font-weight: 500;
}
#thi {
  display: none;
}
#thi .p-one {
  line-height: 0.56rem;
  font-size: 0.4rem;
  color: #122142;
  margin-top: 1rem;
  font-weight: bold;
  margin: 1rem auto 0rem;
}
#thi .p-two {
  margin: 0 auto;
  width: 5.8rem;
  line-height: 0.36rem;
  margin-top: 0.16rem;
  font-size: 0.24rem;
}
#thi #play3 {
  width: 0.94rem;
  height: 0.94rem;
  margin-left: -0.47rem;
  position: absolute;
  left: 50%;
  top:50%;
  margin-top: -0.47rem;
  z-index: 111;
}
.div-video{
	position:relative;
	height:3.88rem;
}
#thi #bcg3 {
  width: 6.9rem;
  height: 3.88rem;
  position: absolute;
  left: 50%;
  margin-left: -3.45rem;
  bottom: .05rem;
  z-index: 90;
}
#thi .bcg1 {
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  position: relative;
}
#thi .bcg1 .img1 {
  width: 6.9rem;
  box-shadow: 0px 0.04rem 0.24rem 0rem rgba(72, 128, 255, 0.2);
  border-radius: 0.06rem;
  margin-top: 0.5rem;
}
#thi .bcg1 .img2 {
  margin-top: 0.62rem;
  width: 6.9rem;
}
#thi .bcg1 .img3 {
  width: 100%;
  margin-top: 0.3rem;
}
#thi .bcg1 .img4 {
  position: absolute;
  left: 0rem;
  height: 4.45rem;
  bottom: 0.57rem;
}
#thi .bcg1 .img5 {
	display:block;
  width: 100%;
}
#thi .bcg1 .vid3 {
  width: 6.9rem;
  height: 3.88rem;
}
#thi .bcg1 .box1 {
  justify-content: center;
  display: flex;
  margin-top: 0.4rem;
}
#thi .bcg1 .box1 .item {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.8rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.26rem;
  color: #fff;
  border-radius: 0.3rem;
}
#thi .bcg1 .box1 .item1 {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.65rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  border-radius: 0.3rem;
  font-weight: 500;
}
#thi .bcg2 {
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #f7f8fb;
}
#thi .bcg2 .img1 {
  width: 7.02rem;
  margin: 0.24rem auto 0rem;
}
#thi .bcg2 .img2 {
  width: 100%;
  height: 5.04rem;
  margin-top: 0.24rem;
}
#thi .bcg2 .box1 {
  justify-content: center;
  display: flex;
  padding: 0rem 0.75rem;
  margin-top: 0.5rem;
}
#thi .bcg2 .box1 .item {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.8rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.26rem;
  color: #fff;
  border-radius: 0.3rem;
}
#thi .bcg2 .box1 .item1 {
  background: linear-gradient(-90deg, #47bfff 0%, #4880ff 100%);
  margin: 0rem 0.1rem;
  width: 1.65rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.24rem;
  color: #fff;
  border-radius: 0.3rem;
  font-weight: 500;
}