.page-container .box {
  padding: 0;
}
.container {
  width: 100%;
}
.container .container-title {
  background-image: url('../images/index/icon_l_01.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 6.66666667rem;
  position: relative;
}
.container .container-title .title-t-4 {
  display: block;
  width: 2.72rem;
  height: 0.81333333rem;
  border-radius: 0.41333333rem;
  border: solid 1px #ffffff;
  font-size: 0.33333333rem;
  text-align: center;
  line-height: 0.81333333rem;
  color: #ffffff;
  position: absolute;
  left: 0.49333333rem;
  bottom: 1.2rem;
}
.container .container-1 {
  background-color: #f7f8fc;
  padding-top: 0.97333333rem;
  padding-bottom: 0.45333333rem;
  margin-bottom: 1.13333333rem;
}
.container .container-1 .text-container {
  margin-bottom: 0.62666667rem;
}
.container .container-1 .text-container .title-1 {
  margin-bottom: 0.18666667rem;
}
.container .container-1 .text-container .title-2 {
  margin-bottom: 0.44rem;
}
.container .container-1 .img-container {
  flex-wrap: wrap;
}
.container .container-1 .img-container .img-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 4.53333333rem;
  height: 6.57333333rem;
  background-color: #000000;
  border-radius: 0.13333333rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 0.26666667rem;
  font-size: 0.4rem;
  color: #ffffff;
  padding: 0 0.26666667rem;
}
.container .container-1 .img-container .img-item .img {
  width: 0.97333333rem;
  height: 1.13333333rem;
  margin: 0.73333333rem 0 0.50666667rem 0;
}
.container .container-1 .img-container .img-item .line {
  flex-shrink: 0;
  width: 0.74666667rem;
  height: 0.02666667rem;
  background-color: #ffffff;
  margin: 0.26666667rem 0;
}
.container .container-1 .img-container .img-item .text-1 {
  font-size: 0.26666667rem;
  text-align: center;
}
.container .container-1 .img-container .img-item:nth-child(Odd) {
  margin-right: 0.26666667rem;
}
.container .container-1 .img-container .img-item-1 {
  background-image: url('../images/index/icon_l_18.png');
}
.container .container-1 .img-container .img-item-2 {
  background-image: url('../images/index/icon_l_19.png');
}
.container .container-1 .img-container .img-item-3 {
  background-image: url('../images/index/icon_l_20.png');
}
.container .container-1 .img-container .img-item-4 {
  background-image: url('../images/index/icon_l_21.png');
}
.container .container-2 .top {
  background-color: #fff;
}
.container .container-2 .top .title-1 {
  margin-bottom: 0.2rem;
}
.container .container-2 .top .title-2 {
  margin-bottom: 0.56rem;
}
.container .container-2 .top .title-3 {
  margin-bottom: 0.89333333rem;
}
.container .container-2 .top .btn-container {
  background-color: #f8f8f8;
  padding: 0 0.26666667rem;
  font-size: 0.37333333rem;
  color: #000000;
}
.container .container-2 .top .btn-container .btn {
  padding: 0.30666667rem 0.45333333rem;
}
.container .container-2 .top .btn-container .btn-1 {
  color: #f8f8f8;
  background-image: linear-gradient(-90deg, #8385f7 0%, #4d85ff 100%), linear-gradient(#f8f8f8, #f8f8f8);
  background-blend-mode: normal,
                        normal;
  box-shadow: 0px 5px 30px 0px rgba(56, 116, 244, 0.2);
}
.container .container-2 .bottom-container {
  position: relative;
  height: 16rem;
}
.container .container-2 .bottom {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.container .container-2 .bottom .message {
  font-size: 0.24rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;
  margin-top: 0.34666667rem;
  margin-bottom: 1.28rem;
}
.container .container-2 .bottom .message .message-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #ffffff;
  margin-bottom: 0.58666667rem;
}
.container .container-2 .bottom .message .message-item .message-item-1 {
  text-align: left!important;
  font-size: 0.29333333rem;
  padding: 0.25333333rem 0 0.25333333rem 0.13333333rem;
  text-align: center;
  background-color: #6189ea;
  box-shadow: 0px 5px 30px 0px rgba(56, 116, 244, 0.2);
  width: 4.52rem;
}
.container .container-2 .bottom .message .message-item .message-item-2 {
  width: 4.52rem;
  padding: 0.17333333rem 0.25333333rem;
  font-size: 0.24rem;
  min-height: 2rem;
  color: #4d4d4d;
  background-color: #fff;
  box-shadow: 0px 5px 30px 0px rgba(56, 116, 244, 0.2);
  margin-top: 0.48rem;
  position: relative;
}
.container .container-2 .bottom .message .message-item .message-item-2 .spot {
  position: absolute;
  top: -0.26666667rem;
  left: 0.26666667rem;
  box-shadow: 0px 5px 30px 0px rgba(56, 116, 244, 0.2);
  width: 0;
  height: 0;
  border-left: 0.26666667rem solid transparent;
  border-right: 0.26666667rem solid transparent;
  border-bottom: 0.26666667rem solid #fff;
}
.container .container-2 .bottom .img-container {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 6.69333333rem;
}
.container .container-2 .bottom .img-container .img {
  margin-top: 0.13333333rem;
  width: 100%;
}
.container .container-2 .bottom:first-child {
  display: block;
}
.container .container-3 {
  background-color: #f7f8fc;
  margin-top: 1rem;
  padding-bottom: 1.02666667rem;
}
.container .container-3 .title-1 {
  margin-bottom: 0.16rem;
  padding-top: 0.96rem;
}
.container .container-3 .title-2 {
  margin-bottom: 0.81333333rem;
}
.container .container-3 .icon-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.26666667rem;
}
.container .container-3 .icon-list .icon-item {
  width: 3.04rem;
  height: 2.56rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  margin-right: 0.13333333rem;
  margin-bottom: 0.13333333rem;
  background-color: #fff;
}
.container .container-3 .icon-list .icon-item .img {
  width: 0.72rem;
  height: 0.61333333rem;
}
.container .container-3 .icon-list .icon-item .line {
  width: 0.45333333rem;
  height: 0.08rem;
  background-image: linear-gradient(-90deg, #8385f7 0%, #4d85ff 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal,
                        normal;
  opacity: 0.5;
}
.container .container-3 .icon-list .icon-item .text {
  font-size: 0.32rem;
  color: #1a1a1a;
}
.container .container-3 .icon-list .icon-item:nth-child(3n) {
  margin-right: 0;
}
.container .container-4 {
  background-color: #fff;
  font-size: 0.4rem;
}
.container .container-4 .title-1 {
  margin-top: 0.81333333rem;
  margin-bottom: 0.18666667rem;
}
.container .container-4 .title-2 {
  margin-bottom: 1.17333333rem;
}
.container .container-4 .list {
  padding: 0 0.26666667rem;
}
.container .container-4 .list .item {
  margin-bottom: 0.97333333rem;
}
.container .container-4 .list .item .img {
  width: 2.49333333rem;
  height: 2rem;
  box-shadow: 0px 0px 20px 0px rgba(68, 78, 160, 0.1);
  border-radius: 10px;
}
.container .container-4 .list .item .text {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-left: 0.73333333rem;
  flex: 1;
}
.container .container-4 .list .item .text .text-1 {
  font-size: 0.4rem;
  color: #000000;
}
.container .container-4 .list .item .text .text-2 {
  font-size: 0.32rem;
  color: #4d4d4d;
}
.container .container-5 {
  background-color: #f7f8fc;
}
.container .container-5 .title-1 {
  padding: 1.12rem 0 0.33333333rem 0;
}
.container .container-5 .title-2 {
  margin-bottom: 0.98666667rem;
}
.container .container-5 .img {
  height: 4.89333333rem;
  width: 100%;
}
.container .container-6 .title-1 {
  margin-bottom: 0.18666667rem;
  margin-top: 0.90666667rem;
}
.container .container-6 .title-2 {
  margin-bottom: 0.82666667rem;
}
.container .container-6 .list {
  padding: 0 0.29333333rem 0 0.29333333rem;
  display: flex;
  flex-wrap: wrap;
}
.container .container-6 .list .item {
  width: 33.3%;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.29333333rem;
}
.container .container-6 .list .item img {
  width: 2.66666667rem;
  border-radius: 0.13333333rem;
}
.container .container-7 {
  margin-top: 1.4rem;
  position: relative;
}
.container .container-7 img {
  width: 100%;
  height: 4rem;
}
.container .container-7 .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(132, 134, 253, 0.5);
  flex-direction: column;
}
.container .container-7 .bg .title {
  font-size: 0.4rem;
  color: #ffffff;
  margin-bottom: 0.46666667rem;
}
.container .container-7 .bg .btn {
  border-radius: 25px;
  border: solid 1px #ffffff;
  font-size: 0.32rem;
  padding: 0.17333333rem 0.29333333rem;
  color: #ffffff;
}
.f_ac {
  display: flex;
  justify-items: center;
}
.f_ac_jsb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.f_ac_jc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.title-1 {
  font-size: 0.61333333rem;
  letter-spacing: 0.05333333rem;
  color: #333333;
  text-align: center;
}
.title-2 {
  font-size: 0.32rem;
  color: #999999;
  text-align: center;
}
.title-3 {
  font-size: 0.34666667rem;
  text-align: center;
  color: #666666;
}