*{
    margin: 0px;
    padding: 0px;
}
html,body{
    width:100%;
    height:100%;

}
.one{
    display: block;
    background-image: url("../img/ditu1.png");
    background-size: 100%;
    z-index:-10;
}
.biao {
    display: flex;flex: 1;justify-content: flex-end;  margin-right: 5%
}
.android{
    display: flex;flex: 2;justify-content: flex-start;
    font-size: 2.6rem;
    color: white;
    padding-left: 2%;

}
.two{
    display: block;
    z-index:-10;
    background-color: white;
}
.three{
    display: block;
    background-image: url("../img/ditu2.png");
    background-size: 100%;
    z-index:-10;
}
.yuanjiaojuxing{
    background: url("../img/android-yuanjiao.png") no-repeat center;
    background-size: 100% 100%;
    width: 365px;
    height: 71px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.yuanjiaojuxing-ios{
    background: url("../img/ios-yuanjiao.png") no-repeat center;
    background-size: 100% 100%;
    width: 365px;
    height: 71px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}