/*浮动*/
.l{
    float: left;
}

.r{
    float: right;
}
/* 清除浮动*/
.clearfix:after {
    content: '\200B';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}

.App{
    height: 600px;
    background: url("../image/APPdownload.png") no-repeat top center;
    position: relative;
}

.App a{
    display: block;
    width: 242px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: 20px;
    background: url("../image/app.png") no-repeat;
}
.App .Android{
    background-position: 0 -120px;
    top:330px;
}
/*.App .Android:hover{*/
    /*background-position: 0 -180px;*/
/*}*/
.App .App_Store{
    background-position: 0 0px;
    top:418px;
}

/*.App .App_Store:hover{*/
    /*background-position: 0 -60px;*/
/*}*/
.App .QR_code{
    position: absolute;
    width: 234px;
    height: 170px;
    background: url("../image/Android_apple.png") no-repeat;
    top: 315px;
    left: 50%;
    margin-left: 270px;
    /*display: none;*/
}

.App .apple_QR{
    background-position: 0 -168px;
}

.App .shouji_01{
    width: 190px;
    height: 462px;
    background: url("../image/iphone1.png") no-repeat;
    position: absolute;
    top:65px;
    left: 50%;
    margin-left: -600px;
    filter:alpha(opacity=0);
    opacity:0;
}
.abundant_t{
    position: relative;
    height: 600px;
    background: url("../image/abundant_t.png") no-repeat top center;
}
.abundant_t .shouji_02{
    width: 206px;
    height: 528px;
    background: url("../image/iphone2.png") no-repeat;
    position: absolute;
    top:35px;
    left: 50%;
    margin-left: 390px;
    filter:alpha(opacity=0);
    opacity:0;
}
.j_experience{
    position: relative;
    height: 600px;
    background: url("../image/j_experience.png") no-repeat top center;
}
.j_experience .shouji_03{
    width: 240px;
    height: 490px;
    background: url("../image/iphone3.png") no-repeat;
    position: absolute;
    top:65px;
    left: 50%;
    margin-left: -600px;
    filter:alpha(opacity=0);
    opacity:0;
}

.Intimate_service{
    position: relative;
    height: 600px;
    background: url("../image/Intimate_service.png") no-repeat top center;
}

.Intimate_service .shouji_04{
    width: 472px;
    height: 200px;
    background: url("../image/iphone4.png") no-repeat;
    position: absolute;
    top: 265px;
    left: 50%;
    margin-left: 155px;
    filter:alpha(opacity=0);
    opacity:0;
}
.w_annoyance{
    height: 600px;
    background: url("../image/w_annoyance.png") no-repeat top center;
}
.float_foot{
    position: fixed;
    bottom: 0;
    width: 100%;
    height:160px;
    background: url("../image/float_foot.png") no-repeat top center;
}
.float_foot div{
    position: absolute;
    width: 88px;
    top:20px;
    left:50%;
    text-align: center;
}
.float_foot div p{
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}
.float_foot .foot_Android{
    margin-left: 235px;
}
.float_foot .foot_apple{
    margin-left: 390px;
}
.float_foot .foot_close{
    position:absolute;
    width: 30px;
    height: 30px;
    background: url("../image/foot_close.png") no-repeat;
    top:0;
    right: 0;
}