.app-content {
    position: relative;
    /*margin-top: -100px;*/
    width: 100%;
    height: auto;
    background: rgba(239,19,58,0.99) url("bg.png") no-repeat center top;
    background-size: cover;
    padding-top:24%;
}
.ios-content{
    width:21%;
    margin: 0 auto;
    height: 300px;
    padding: 5px;
    position: relative;
}
.box {
    float: left;
    width:45%;
    height:80%;
    background-color: #FFF;
    border-radius: 3px;
}
.iphone-scan{
    float: right;
    background: url('ios-scan.png') no-repeat center top;
    background-size:contain;
}

.android-scan{
    background: url('android-scan.png') no-repeat center top;
    background-size:contain;
}
.btn{
    float: right;
    width: 45%;
    height: 30px;
    margin-top:-5% ;
}
@media (max-width: 1280px) {
    .box{
        width: 90px;
        height:90px;
    }
    .btn{
        font-size:10px;
        width: 50%;
        margin-top: 1px;
        margin-right:-10px ;
        text-align: right;
    }

}
@media (min-width: 1280px) and (max-width:1679px) {
    .ios-content{
        width: 290px;
    }
    .box{
        width: 120px;
        height: 120px;
    }
    .btn{
        font-size:14px;
        width: 50%;
        margin: 2px -15px 0px 0px;
        text-align: center;
    }
}
@media(min-width:1680px) and (max-width: 1920px){
    .box{
        width: 130px;
        height: 130px;
    }
    .ios-content{
        width: 330px;
    }
    .btn{
        font-size:16px;
        width: 50%;
        margin: 3px -15px 0px 0px;
        text-align:center;
    }
}
@media (min-width: 1920px){
        .app-content{
            height: 900px;
        }
        .btn{
            margin-top:10px ;
        }
        .box{
        width:176px;
        height:176px;
        }
        .app-content{
            background-size: 100%;
        }
        .ios-content{
            width: 405px;
            top: 0px;
        }
}
/*.content-canvas {*/
    /*position:absolute;*/
    /*!*background: url("content.png") no-repeat center bottom;*!*/
    /*background-size: contain;*/
    /*width: 1200px;*/
    /*!*min-height: 400px;*!*/
    /*height: 500px;*/
    /*margin: 0 auto;*/
    /*!*padding-top: 160px;*!*/
    /*!*border:1px solid red;*!*/
    /*top:20%;*/
    /*left: 13vw;*/
/*}*/

/*.erweima-content {*/
    /*position: absolute;*/
    /*width: 100%;*/
/*}*/

/*.erweima-content .title {*/
    /*width: 320px;*/
    /*height: 160px;*/
    /*color: #FFF;*/
    /*background: url('title-bg.png') no-repeat center center;*/
    /*background-size: contain;*/
    /*margin-left: 120px;*/
/*}*/

/*.erweima-content .sub-title {*/
    /*font-size: 30px;*/
    /*color: #FFF;*/
    /*font-family: "Microsoft YaHei";*/
    /*margin-left: 120px;*/
    /*font-weight: 400;*/
/*}*/

/*.erweima-content .erweima-canvas {*/
    /*width: auto;*/
    /*margin-left: 460px;*/
    /*margin-top: 30px;*/
/*}*/




/*.erweima-content .erweima-canvas .down-btn {*/
    /*float: left;*/
    /*background: #FFF;*/
    /*width: 160px;*/
    /*height: 40px;*/
    /*line-height: 40px;*/
    /*text-align: center;*/
    /*color: #FF5656;*/
    /*font-size: 24px;*/
    /*font-family: "Microsoft YaHei";*/
    /*margin-right: 20px;*/
    /*border-radius: 10px;*/
    /*margin-bottom: 20px;*/
    /*cursor: pointer;*/
    /*font-weight: 600;*/
/*}*/

/*.erweima-content .erweima-canvas .btns .down-btn:hover {*/
    /*transition: all 0.3s;*/
    /*box-shadow: 3px 5px 10px rgba(69, 69, 69, 0.7);*/
/*}*/

/*.phone-sample {*/
    /*position: absolute;*/
    /*width: 500px;*/
    /*height: 460px;*/
    /*left: 700px;*/
    /*background: url('phone-sample.png') no-repeat center center;*/
    /*background-size: contain;*/
/*}*/

/*.jack-foot {*/
    /*margin-top: -198px;*/
/*}*/

/*@media (max-width: 1280px) {*/
    /*.content-canvas {*/
        /*width: 990px;*/
    /*}*/
    /*.phone-sample {*/
        /*left: 550px;*/
    /*}*/
/*}*/

.step-1{
    background: url('step-1.jpg') no-repeat center center;
    background-size: contain;
}

.step-2{
    background: url('step-2.jpg') no-repeat center center;
    background-size: contain;
}

.step-3{
    background: url('step-3.jpg') no-repeat center center;
    background-size: contain;
}

.step-4{
    background: url('step-4.jpg') no-repeat center center;
    background-size: contain;
}