#header .header ul a {
  color: #fff !important;
}
#header .header .y-login>p{
  color: #fff;
}
#header .header .login a{
  color: #fff !important;
}
#app {
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: url("../images/bj1.png") no-repeat left 552rem,
    url("../images/bj2.png") no-repeat top right;
  background-size: 104rem 245rem, 1359rem 872rem;
}
#header-container {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 1;
}
.content1 {
  display: flex;

  width: 1320rem;
  margin: 180rem auto 0;
}
.content1 > img {
  width: 425rem;
  height: 507rem;
  margin-left: auto;
}
.content1 .lt .kryb {
  width: 234rem;
  margin-top: 70rem;
  height: 42rem;
  background: #f1f4f9 url("../images/pic3.png") no-repeat 16rem top;
  background-size: 107rem 42rem;
  border-radius: 21rem 21rem 21rem 21rem;
  font-weight: bold;
  font-size: 16rem;
  color: #536589;
  padding-left: 134rem;
  line-height: 42rem;
  box-sizing: border-box;
}
.content1 .lt h2 {
  font-weight: bold;
  font-size: 56rem;
  color: #111312;
  margin-top: 28rem;
}
.content1 .lt h4 {
  font-weight: bold;
  font-size: 32rem;
  color: #7d66ff;
  margin-top: 16rem;
  margin-bottom: 50rem;
}
.content1 .btn {
  display: flex;
}
.content1 .btn .down {
  width: 219rem;
  height: 44rem;
  background: linear-gradient(90deg, #5433fe 0%, #9520f2 100%);
  border-radius: 4rem 4rem 4rem 4rem;
  font-size: 16rem;
  color: #ffffff;
  text-align: center;
  line-height: 44rem;
}
.content1 .btn .ty {
  width: 219rem;
  height: 44rem;
  background: #ffffff url("../images/icon7.png") no-repeat 135rem center;
  background-size: 7rem 10rem;
  border-radius: 0 4rem 4rem 0;
  border: 1rem solid #b18bff;
  box-sizing: border-box;

  line-height: 42rem;
  border-left: none;
  font-size: 16rem;
  color: #9520f2;
  padding-left: 60rem;
}

.content2 {
  display: flex;

  width: 1320rem;
  margin: 115rem auto 0;
}
.content2 > img {
  width: 623rem;
  height: 623rem;
}
.content2 .rt {
  margin-left: 98rem;
  overflow: hidden;
}
.content2 .rt .wd {
  width: 34rem;
  height: 34rem;
  display: block;
  margin-top: 127rem;
}
.content2 .rt h6 {
  font-weight: bold;
  font-size: 36rem;
  color: #111312;
  margin-bottom: 20rem;
}
.content2 .rt p {
  font-size: 18rem;
  color: #5d6475;
  margin-bottom: 78rem;
}
.content2 .rt ul {
  display: flex;
}
.content2 .rt ul li {
  margin-right: 92rem;
  text-align: center;
  width: 67rem;
  font-size: 20rem;
  color: #111312;
}
.content2 .rt ul li img {
  width: 67rem;
  height: 66rem;
  display: block;
  margin-bottom: 15rem;
}
.content3 {
  display: flex;
  /* width: 1320rem; */
  margin: 0 auto 0;
}
.content3 .lt {
  width: 500rem;
  /* margin-right: 32rem; */
  padding-left: 29rem;
  margin-left: 306rem;
  /* box-sizing: border-box; */
  margin-top: 186rem;
}
.content3 > img {
  width: 730rem;
  height: 730rem;
  display: block;
}
.content3 .lt h6 {
  font-weight: bold;
  font-size: 36rem;
  color: #111312;
  margin-bottom: 20rem;
}
.content3 .lt p {
  font-size: 18rem;
  color: #5d6475;
  margin-bottom: 55rem;
}

.content3 .lt ul li {
  display: flex;
  align-items: center;
  height: 66rem;
  font-size: 20rem;
  color: #111312;
  margin-bottom: 62rem;
}
.content3 .lt ul li img {
  width: 67rem;
  height: 66rem;
  display: block;
  margin-right: 15rem;
}
.content4 {
  display: flex;
  /* width: 1320rem; */
  margin-left: 268rem;
  /* margin: 0 auto 0; */
}
.content4 > img {
  width: 586rem;
}
.content4 .rt {
  margin-left: 34rem;
  margin-top: 180rem;
}
.content4 .rt h6 {
  font-weight: bold;
  font-size: 36rem;
  color: #111312;
  margin-bottom: 20rem;
}
.content4 .rt p {
  font-size: 18rem;
  color: #5d6475;
  margin-bottom: 55rem;
}
.content5 {
  display: flex;
  /* width: 1320rem; */
  margin-left: 312rem;
  /* margin: 0 auto 0; */
  margin-top: 44rem;
  overflow: hidden;
}
.content5 > img {
  width: 728rem;
}
.content5 .lt {
  margin-right: 89rem;
  margin-top: 97rem;
}
.content5 .lt h6 {
  font-weight: bold;
  font-size: 36rem;
  color: #111312;
  margin-bottom: 20rem;
}
.content5 .lt p {
  font-size: 18rem;
  color: #5d6475;
  margin-bottom: 65rem;
}
.content5 ul {
  display: flex;
  align-items: center;
}
.content5 ul li {
  /* height: 66rem; */
  font-size: 20rem;
  color: #111312;
}
.content5 ul li:nth-child(1) {
  margin-left: 81rem;
  margin-right: 113rem;
}
.content5 ul li img {
  width: 67rem;
  height: 66rem;
  display: block;
  margin-bottom: 7rem;
}
.content6 {
  width: 100%;
  height: 520rem;
  background: #e4efff url("../images/bj4.png") no-repeat center;
  background-size: 100%;
  margin-top: 25rem;
  overflow: hidden;
}
.content6 h4 {
  font-weight: bold;
  font-size: 36rem;
  color: #ffffff;
  text-align: center;
  margin-top: 117rem;
}
.content6 ul {
  display: flex;
  align-items: center;
  margin-left: 370rem;
  margin-top: 89rem;
}
.content6 ul img {
  display: block;
  margin: 0 auto;
}
.content6 ul span {
  display: block;
  margin-top: 32rem;
  font-size: 22rem;
  color: #fff;
}
.content6 ul .title {
  width: 200rem;
  text-align: center;
}
.content7 {
  background: linear-gradient(
    180deg,
    #e4efff 0%,
    #f1f1f1 65%,
    rgba(241, 241, 241, 0) 100%
  );
  padding-top: 111rem;
  padding-bottom: 114rem;
}
.content7 h4 {
  font-weight: bold;
  font-size: 36rem;
  color: #000;
  text-align: center;
  
}
.content7 .bj3 {
  width: 1320rem;
  display: block;
  margin: 16rem auto 25rem;
}
.content7 .cont {
  width: 1320rem;
  display: flex;

  margin: 0 auto;
}
.content7 .cont .lt {
  width: 424rem;
  height: 535rem;
  background: #ffffff;
  border-radius: 24rem 24rem 24rem 24rem;
  text-align: center;
  overflow: hidden;
}
.content7 .cont .lt img {
  width: 184rem;
  height: 183rem;
  display: block;
  margin: 111rem auto 80rem;
}
.content7 .cont .lt p {
  font-size: 20rem;
  color: #000000;
  margin-bottom: 14rem;
}
.content7 .cont .lt span {
  font-size: 14rem;
  color: #9da7b4;
}
.content7 .cont .rt{
  width: 862rem;
  margin-left: auto;
  display: flex;
  flex-wrap:wrap;
}
.content7 .cont .rt>div{
  width: 424rem;
height: 258rem;
background: #FFFFFF;
border-radius: 24rem 24rem 24rem 24rem;
text-align: center;
padding-top: 66rem;
box-sizing: border-box;
}
.content7 .cont .rt>div img{
  width: 88rem;
  height: 88rem;
  display: block;
  margin: 0 auto 24rem;
}
.content7 .cont .rt>div span{
  font-size: 20rem;
color: #000000;
}