body, dl, input, img, dt, dd, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
}

*{
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif;
}

html {
    -webkit-tap-highlight-color: transparent;
}

body {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #0b223d;
}

.container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.pages{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.flex_box_column_center{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex_box_row_center{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.long_page_imgs_box{
    width: 7.5rem;
    height: 11.91rem;
    position: relative;
    left: 0;
    top: 0;
}

.bg_long{
    width: 7.5rem;
    height: 14.84rem;
    position: absolute;
    left: 0;
    top: -1.465rem;
}

.wx_title_long{
    width: 5.14rem;
    height: 0.92rem;
    position: absolute;
    left: 1.2rem;
    top: 0;
}

.wx_main_img_long{
    width: 6.8rem;
    height: 8.62rem;
    position: absolute;
    left: 0.18rem;
    top: 1rem;
}

.wx_text1_long{
    width: 4.98rem;
    height: 0.77rem;
    position: absolute;
    left: 1.3rem;
    top: 9.75rem;
}

.click_btn_long{
    width: 2.91rem;
    height: 1.33rem;
    position: absolute;
    left: 2.3rem;
    top: 10.6rem;
}

.short_page_imgs_box{
    width: 7.5rem;
    height: 11rem;
    position: relative;
    left: 0;
    top: 0;
}

.bg_short{
    width: 7.5rem;
    height: 14.84rem;
    position: absolute;
    left: 0;
    top: -1.92rem;
}

.wx_title_short{
    width: 5.14rem;
    height: 0.92rem;
    position: absolute;
    left: 1.2rem;
    top: 0.2rem;
}

.wx_main_img_short{
    width: 6.49rem;
    height: 7.98rem;
    position: absolute;
    left: 0.45rem;
    top: 1.08rem;
}

.wx_text1_short{
    width: 4.98rem;
    height: 0.77rem;
    position: absolute;
    left: 1.26rem;
    top: 9.1rem;
}

.click_btn_short{
    width: 2.91rem;
    height: 1.33rem;
    position: absolute;
    left: 2.3rem;
    top: 9.75rem;
}

.to_big {
    -webkit-animation: to_big 0.5s linear infinite;
    animation: to_big 0.5s linear infinite;
    animation-direction:alternate;
    -webkit-animation-direction:alternate;
}

@-webkit-keyframes to_big {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
}

@keyframes to_big {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
}



.hide{
    display: none;
}