* {
    margin: 0;
    padding: 0;
}

/* CSS Document */

body,
div,
p,
ul,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
img,
section,
article,
aside,
header,
footer,
nav,
dialog,
figure,
hgroup {
    margin: 0;
    padding: 0;
}

em {
    font-style: normal;
}

body,
html {
    font-family: '微软雅黑', helvetica, arial;

    overflow-x: hidden;

    max-width: 750px;
    margin: 0 auto;

    -webkit-text-size-adjust: none;
}

ul,
ol,
li {
    list-style: none;
}

img,
video {
    max-width: 100%;

    border: 0 none;
}

a {
    text-decoration: none;

    color: #333;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    -webkit-touch-callout: none;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.wrap {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.cont {
    position: relative;

    width: 92%;
    margin: 0 auto;
}

.overflow {
    overflow: hidden;
}

.clear {
    clear: both;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

.pc-hide {
    display: none;
}

.flex {
    display: flex;
}

/*mbachina footer start*/

input[type='button'],
input[type='submit'],
input[type='file'],
button {
    cursor: pointer;

    -webkit-appearance: none;
}

/* top nav */

#top .modileMenu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: block;

    width: .52rem;
    height: .40rem;
    margin: auto 0;
}

#top .modileMenu div {
    position: absolute;

    width: 100%;
    height: .08rem;

    transition: all .5s;

    -webkit-border-radius: .08rem;
       -moz-border-radius: .08rem;
            border-radius: .08rem;
    background: #fff;

        -ms-border-radius: .08rem;
         -o-border-radius: .08rem;
}

#top .modileMenu .line1 {
    top: 0;
    left: 0;

    transition: all .5s;
}

#top .modileMenu .line2 {
    top: .16rem;
    left: 0;

    transition: all .5s;

    opacity: 1;
}

#top .modileMenu .line3 {
    top: .32rem;
    left: 0;

    transition: all .5s;
}

#top .modileMenu.on .line1 {
    top: .18rem;

    transition: all .5s;
    transform: rotate(45deg);
}

#top .modileMenu.on .line2 {
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;

    opacity: 0;
}

#top .modileMenu.on .line3 {
    top: .18rem;

    transition: all .5s;
    transform: rotate(-45deg);
}

.mnav {
    position: absolute;
    z-index: 999999999;
    top: 100%;
    right: 0;

    display: none;

    width: 3.5rem;
    padding-bottom: .4rem;

    text-align: center;

    background: #fff;
}

.mnav a {
    font-size: .26rem;
    line-height: .8rem;

    display: block;

    width: 80%;
    margin: 0 auto;

    color: #004296;
    border-bottom: 1px solid #ccc;
}

@keyframes down {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);

        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-30px);
           -moz-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
                transform: translateY(-30px);

        opacity: 0;
    }

    60% {
        -webkit-transform: translateY(-15px);
           -moz-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
                transform: translateY(-15px);

        opacity: 1;
    }
}