body{
    margin: 0;padding: 0;
    background:url(../image/bg2.png) repeat-y center;
}
section{text-align: center;}
.logoapp{ margin-top: 80px;}
.logoapp img{border-radius:15px;}
.logoapp p{
    font-size: 16px;
    font-weight: bold;
}
.apptxt{font-size: 36px;font-weight: bold; line-height: 40px; margin-top: 40px; margin-bottom: 60px;}
.appbtnwx{
    margin: 0 auto;
    margin-bottom: 64px;
    display:flex;
    width:500px;
}
.appbtnwx div{
    flex: 1;
    align-items: center;
    justify-content:center;
}
.appbtnwx div p{display:none;}
.appbtn a{
    margin: 0 auto;
    display: block;
    width: 210px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background-color: #f6405c;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    padding-left: 30px;
}
.appbtn a:last-child{margin-top:29px;}

.appindex{
    margin: 0 auto;
    width: 100%;
    height: 423px;
    background:url(../image/appindex.png) no-repeat  center bottom/632px ;
}
.appbtn a{position: relative;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .12);}
.appbtn a i{position:absolute; left:45px; top:calc(50% - 15px); width: 30px;height: 30px; display: inline-block; background:url(../image/icon_ios.png) no-repeat center/30px;}
.appbtn .android i{ background-image: url(../image/icon_android.png);}
@media (max-width: 980px) {
    .logoapp{ margin-top: 40px;}
    .logoapp p{ margin: 8px auto;color: #f6405c;}
    .appbtnwx{display: block;width: 100%; margin: 40px auto 60px auto;}
    .appbtnwx div:last-child{ margin-top: 25px;}
    .appbtnwx div p{
        display: block;
        font-size: 16px;
 
        margin: 8px auto;
    }
    .appindex{
        height:250px;
        background-size: 350px;
    }
    .apptxt{width:90%; margin:20px auto 30px auto;line-height: 150%; font-size:23px;}
}