.banner{
    position: relative;
}
.banner .store{
    width: 25.42%;
    position: absolute;
    left:18.8%;
    bottom: 6%;
}

.content1{
    width: 62.5%;
    margin: 5.36% auto 0;
    font-family: HONOR Sans, HONOR Sans;
}


.content1 .title{
    width: 60.75%;
    margin:0 auto;
}


.content1 .content {
    margin-top: 7.57%;
}

.content1 .image{
    flex:0 0 43.5%;
}

.content1 .step{
    flex: 0 0 48.7%;
}

.content1 .left{
    display: inline-block;
    flex: 0 0 calc(100vw*36/1920);
    height: calc(100vw*36/1920);
    border-radius:50%;
    background-color: #FFD100;

}

.content1 .right{
    margin-left: 2%;
}

.content2{
    width: 62.5%;
    margin: 9.46% auto 0;
    background: #F1F1F1;
    padding: 4.68% 0 7.68%;
    font-family: HONOR Sans, HONOR Sans;
    position: relative;
}

.content2 .title{
    width: 60.75%;
    margin: 0 auto;
}

.content2 .content{
    width: 86.67%;
    margin: 4% auto 0;
}
.content2 .image{
    flex: 0 0 calc(100vw*64/1920);
    height: calc(100vw*64/1920);
}

.content2 .right{
   flex:0 0 91.78%;
    align-items: flex-start;
    justify-items:flex-start;
}

.content2 .line{
    position: absolute;
    border: calc(100vw*2/1920) solid #303030;
    width: 100%;
    height: 100%;
    top: -3%;
    left:-3%;
    pointer-events:none

}