input[type=button],
input[type=submit],
input[type=reset],
input {
    -webkit-appearance: none;
    font-family: "Microsoft Yahei"
}

textarea {
    -webkit-appearance: none;
    font-family: "Microsoft Yahei"
}

.button {
    border-radius: 0
}

a,
b,
body,
dl,
dt,
em,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
img,
input,
li,
ol,
p,
s,
section,
span,
strong,
textarea,
ul,
dl,
dd {
    padding: 0;
    margin: 0;
    font-size: .16rem
}

body,
html {
    -webkit-text-size-adjust: none !important;
    font-family: "Microsoft Yahei";
}

a,
button,
input,
textarea {
    -webkit-tap-highlight-color: transparent
}

select {
    outline: none;
}

a {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

ul {
    list-style: none
}

a {
    text-decoration: none;
    outline: 0;
    color: #434343
}

img {
    border: none;
    vertical-align: top;
    background-size: 100%
}

input,
textarea {
    background: 0 0;
    border: none
}

:focus {
    outline: 0
}

textarea {
    resize: none
}

body,
html {
    height: 100%;
}

body {
    background: url('../images/bj.jpg')no-repeat top;
    background-size: cover;
}

.center {
    padding: 0 .2rem;
    margin: 0 auto;
}

.block {
    width: 100%;
    height: 2.64rem;

}

.slidebox {
    width: 4.38rem;
    height: 8.22rem;
    background: url('../images/iphone.png')no-repeat center;
    background-size: cover;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.slidebox .hd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .24rem;
    z-index: 9;
}

.slidebox .hd ul {
    display: flex;
    justify-content: center;
}

.slidebox .hd ul li {
    display: block;
    width: .22rem;
    height: .22rem;
    background-color: #cccccc;
    border-radius: 50%;
    text-indent: -9999%;
    margin: 0 .09rem;
}

.slidebox .hd ul li.on {
    background-color: #170f24;
}

.slidebox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slidebox .bd li img {
    display: block;
    width: 94.5%;
    height: 7.73rem;
    margin: 0.38rem auto;
    border-radius: .1rem .1rem .4rem .4rem;
}

.download {
    display: flex;
    justify-content: center;
}

.download a {
    display: block;
    width: 2.83rem;
    height: .89rem;
    background: url('../images/ios.png')no-repeat center;
    background-size: cover;
    margin: .3rem .2rem;
    text-indent: -9999%;
}

.download li:nth-child(2) a {
    background: url('../images/android.png')no-repeat center;
    background-size: cover;
}

.ws {
    display: block;
    width: 5.94rem;
    height: .62rem;
    line-height: .62rem;
    border: .02rem solid #56407a;
    border-radius: .31rem;
    margin: 0 auto;
    font-size: .28rem;
    color: #fff;
    text-align: center;
}

.ws b {
    font-size: .28rem;
    font-weight: normal;
    color: #f8cb12;
}

.s {
    position: fixed;
    right: 0;
    top: 30%;
}

.s a {
    display: block;
    width: 1.48rem;
    height: .62rem;
    background: url('../images/s.png')no-repeat center;
    background-size: cover;
    text-indent: -9999%;
}

@media screen and (min-width: 1024px) {
    body{
        background: none #291d3c;
    }
    .pc{
        background: url('../images/bj.jpg')no-repeat top;
        background-size: cover;
        width: 576px;
        margin: 0 auto;
        position: relative;
        padding-bottom: 20px;
    }
    .center {
        padding: 0 20px;
        width: 576px;
        box-sizing: border-box;
    }

    .block {
        height: 200px;
    }

    .slidebox {
        width: 280px;
        height: 525px;
        background-size: cover;
    }

    .slidebox .hd {
        bottom: 24px;
    }

    .slidebox .hd ul li {
        width: 16px;
        height: 16px;
        margin: 9px;
    }

    .slidebox .bd li img {
        width: 94.6%;
        height: 491px;
        margin: 26px auto;
        border-radius: 10px 10px 24px 24px;
    }

    .download a {
        width: 215px;
        height: 67px;
        margin: 30px 20px;
    }

    .ws {
        width: 458px;
        height: 50px;
        line-height: 50px;
        border: 2px solid #56407a;
        border-radius: 31px;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .ws b {
        font-size: 24px;
    }

    .s {
        position: absolute;
        top: 30%;
    }

    .s a {
        width: 114px;
        height: 49px;
    }
}