/*common*/
body { color: #222; }
.m_block { display: block }
.m_clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden }
.m_clearfix { zoom: 1 }
.fl-l { float: left; }
.fl-r { float: right; }
.wp { width:100%; margin: 0 auto; overflow: hidden; position: relative;}
.wp * { box-sizing: border-box; }
.w335 { width: 3.35rem; margin: 0 auto; }
/*banner*/
.banner { width: 100%; height: 2rem; background: url(images/banner.jpg); background-size: 3.75rem; overflow: hidden; }
@media screen and (min-width: 1024px) {
    html { font-size: 100px; }
    .g-hd{
        max-width: 640px;
        width: 100%;
    }
    .g-ft{
        max-width: 640px;
        margin: 0 auto;
    }
    .m-footer{
        max-width: 640px;
        left: 50%;
        transform: translateX(-50%);
    }
    .g-hd .g-hd-wp{
        width: 600px;
    }
    .allow_icon{
        width: 122px !important;
        height: 122px !important;
        left: 50% !important;
        margin-left: -63px !important;
        bottom: 163px !important;
    }
}
/*part1*/
.part1 { }
/*part2*/
.part2 {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
.part2 img{
    width: 100%;
}
.allow_icon{
    position: absolute;
    width: .71rem;
    height: .71rem;
    bottom: .96rem;
    left: 50%;
    margin-left: -.37rem;
}
.allow_icon img{
    width: 100%;
}
/*part3*/
.part3 { }
/*part4*/
.part4 { }
/*part5*/
.part5 { }
/*part6*/
.part6 { }
/*part7*/
.part7 { }
/*part8*/
.part8 { }
/*part9*/
.part9 { }