*{margin: 0;padding: 0;}
img{vertical-align: middle;margin-top: 1rem;}
li{list-style: none;}
/*
 * BASE
 */
.grayBG{background-color: #f2f2f2;}
.m-auto{margin-left: auto;margin-right: auto;}
.pst-r{position: relative;}
.pst-a{position: absolute;}
html,body{font-size:10px}
/*
 * html
 */
body {
    line-height: 1.4;
    background-color: #fff;
    font-family:Helvetica;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color:transparent;
    background-color: #fff;
}
.box-sizing{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

header{
    background: #ff4664 url(http://wlanwm.12530.com/newcms/wm12530/index/images/bg-top-pattern.png) -5% -5% repeat;
    background-size: 15.4rem 16.5rem;
    height: 40rem;
    padding-top: 5rem;
}
.migu-logo-head{
    background-image: url(http://wlanwm.12530.com/newcms/wm12530/index/images/migu-logo-head.png);
    width: 15.3rem;height: 18.2rem;
    border-left:3.4rem solid transparent !important;
}
.migu-logo-foot{
    background-image: url(http://wlanwm.12530.com/newcms/wm12530/index/images/migu-logo-foot.png);
    width: 14.4rem;height: 10.1rem;
    border-left:4.5rem solid transparent !important;
    left: 50%; margin-left: -9.45rem;top:-1rem;
}
.download-btn{
    background-image: url(http://wlanwm.12530.com/newcms/wm12530/index/images/download-btn.png);
    width: 14.5rem;height: 4rem;
    outline: none;
    cursor: pointer;
}
header .download-btn{
    top: 35rem;left: 50%;
    margin-left: -7.25rem;
}
footer .head{
    background: #ff4664 url(http://wlanwm.12530.com/newcms/wm12530/index/images/foot-bg.png) no-repeat;
    background-size: 29.8rem 12.2rem;
    background-position: center bottom;
    padding-top: 10rem;
    padding-bottom: 12.2rem;
}
footer .head p{
    color:rgba(255,255,255,.5);
    font-size: 1.2rem;
    text-align: center;
    padding: 1.5rem 10% 2rem 10%;
    line-height: 1.6;
}
.copyright{
    text-align: center;
    color: #969696;
    font-size: 1rem;
    padding: 2.5rem 0;
}

.section01{background-image: url(http://wlanwm.12530.com/newcms/wm12530/index/images/section01.png);}
.section02{background-image: url(http://wlanwm.12530.com/newcms/wm12530/index/images/section02.png);}
.section03{background-image: url(http://wlanwm.12530.com/newcms/wm12530/index/images/section03.png);}
.section04{background-image: url(http://wlanwm.12530.com/newcms/wm12530/index/images/section04.png);}
.section05{background-image: url(http://wlanwm.12530.com/newcms/wm12530/index/images/section05_1.png);}

.section01,
.section02,
.section03,
.section04,
.section05{
    width: 19.8rem;
    height: 23.5rem;
    margin-left: auto;
    margin-right: auto;
    padding: 5rem 0;
    background-position: center;
}


/*
 *common style
 */
.migu-logo-head,
.migu-logo-foot,
.download-btn,
.section01,
.section02,
.section03,
.section04,
.section05{
    background-size: contain;
    background-repeat: no-repeat;
}
.button:hover,
button:active{
    -webkit-animation: breathing 3s ease-out ;
    animation: breathing 3s ease-out ;
    text-align: center;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

.ir br {
    display: none;
}

/*
 * Hide from both screenreaders and browsers
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/**
 * Clearfix helper
 * Used to contain floats: http://nicolasgallagher.com/micro-clearfix-agent/
 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}
/**
 * Text Overflow Ellipsis
 */
.ellipsis{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*
 * CSS3 ANIMATION
 */
@-webkit-keyframes breathing {
    0%, 50%, 100%{-webkit-transform: scale(1);}
    25%, 75% {-webkit-transform: scale(0.9);}
}
@keyframes breathing {
    0%, 50% , 100%{transform: scale(1);}
    25%, 75% {transform: scale(0.9);}
}

/*for smartphone 320px*/
@media only screen and (max-width: 320px) {
    html{font-size:55.55555555555563%;}
    .download-btn{width: 145px;height: 40px;}
    header .download-btn{margin-left: -72.5px;}
    .section01,
    .section02,
    .section03,
    .section04,
    .section05{
        width: 26rem;
        height: 30.9rem;
    }
}
/*for smartphone( iphone <5 ) 320*480px  */
@media only screen and (max-width: 320px) and (device-aspect-ratio: 2/3) {
    header{height: 43rem;padding-top: 2rem;}
    header .download-btn{top: 27rem;}
}
/*for iphone6 375px*/
@media only screen and (min-width: 361px) and (max-width: 375px) {
    html{font-size:65.10416666666688%;}
}
/*for Google Nexus4 384px*/
@media only screen and (min-width: 376px) and (max-width: 384px) {
    html{font-size:66.66666666666688%;}
}
/*for iphone6plus 414px*/
@media only screen and (min-width: 385px) and (max-width: 414px) {
    html{font-size:71.875%;}
}
/*for between 415 ~ 479px */
@media only screen and (min-width: 415px) and (max-width: 479px) {
    html{font-size:71.875%;}
}
/*for between 480 ~ 719px */
@media only screen and (min-width: 480px) and (max-width: 719px) {
    html{font-size:83.33333333333313%;}
}
/*for tablet ~ ipad  */
@media only screen and (min-width: 720px) {
    html{font-size:125%;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /* Style adjustments for viewports that meet the condition */
}

.zhezhao{position: fixed;z-index:98;width: 100%; height: 100%; left: 0px; top: 0px;background:rgba(0,0,0,0.5);display: none;}
.zhezhao img{float: right;margin-right: 32px;max-width: 70%;}


.cover{display: none;}
.tp{
    position: absolute;
    z-index: 1;
    width: 95%;
    margin-left: 2.5%;
    margin-top: 0.5%;
}