.body-m {
}
.m-body{
    background-image: url(../images/m_back.jpg);
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.m-container {
    width: 95%;
    margin: 0 auto;  
    position: relative
}

.m-header {
   width: 5.6rem;
   text-align: center;   
   color: #fff;
   font-size: .88rem;
   font-weight: bold;
   letter-spacing: .05rem;
   text-shadow: 5px 3px 0 rgba(221, 147, 79, .8);
}
.m-button{
    text-align: center;
    margin-top: 4.9rem;
}
.m-button .m-button_go{
    width: 2.85rem;
    height: .8rem;
    background: url(../images/button.png) no-repeat;
    background-size:contain;
    font-size: .4rem;
    text-align: center;
    color: #fff;
    padding-top: .13rem;
    line-height: 1;
    display: block;
}
.m-button .m-button_go:hover{
    color: #f5dd99;
}

.m-main{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: .5rem;
}
.m-main .m-header{
    padding-top: 1.46rem;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.m-main .m-items{
    font-size: 0;
    margin: 0px -.12rem;    
    margin-top: 1rem;
}
.m-main .m-item{
    width: 50%;
    display: inline-block;
    padding: .4rem .12rem;
    vertical-align: top;
}
.m-main .m-item_box{
    background-color: #fff3e0;
    height: .6rem;
    border-radius: 35px;
    color: #8f4b22;
    line-height: .6rem;
    font-size: .28rem;
    position: relative;
    display: block;
    padding-left: .8rem;
}
.m-main .m-item_box:hover{
    background-image: url(../images/hov_bg.jpg) ;
    background-repeat: repeat-y;
    background-position: center right;
    color: #ff6f0f;
    font-weight: bold;
}
.m-main .m-item_box::before{
    content: '\20';
    width: .76rem;
    height: .88rem;
    background-size:contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: .1rem;
}

.m-main .m-item:nth-child(1) .m-item_box:before{
    background-image: url(../images/icon_01.png);
}
.m-main .m-item:nth-child(2) .m-item_box:before{
    background-image: url(../images/icon_02.png);
}
.m-main .m-item:nth-child(3) .m-item_box:before{
    background-image: url(../images/icon_03.png);
}
.m-main .m-item:nth-child(4) .m-item_box:before{
    background-image: url(../images/icon_04.png);
}
.m-main .m-item:nth-child(5) .m-item_box:before{
    background-image: url(../images/icon_05.png);
}
.m-main .m-item:nth-child(6) .m-item_box:before{
    background-image: url(../images/icon_06.png);
}
.m-main .m-item:nth-child(7) .m-item_box:before{
    background-image: url(../images/icon_07.png);
}
.m-main .m-item:nth-child(8) .m-item_box:before{
    background-image: url(../images/icon_08.png);
}
.m-main .m-item:nth-child(9) .m-item_box:before{
    background-image: url(../images/icon_09.png);
}
.m-main .m-item:nth-child(10) .m-item_box:before{
    background-image: url(../images/icon_10.png);
}
.m-main .m-item:nth-child(11) .m-item_box:before{
    background-image: url(../images/icon_11.png);
}
.m-main .m-item:nth-child(12) .m-item_box:before{
    background-image: url(../images/icon_12.png);
}


.m-footer {
    padding: .25rem 0;
    text-align: center;
    padding-bottom: .4rem;    
    background-color: #b10000;
}

.m-footer-container {
    margin: 0 auto;
    position: relative;
    padding: .2rem 0;
    color: #fff;
    font-size: 0;
}

.m-footer_logo {
    display: inline-block;
    width: 40%;
    vertical-align: bottom;
    padding-right: .2rem;
}

.m-footer_logo_img {
    height: 0;
    padding-bottom: 87.209302%;
    background: url(../images/foot_logo.png) no-repeat;
    background-size: contain;
}

.m-footer_info {
    margin-top: .2rem;
}

.m-footer_info_menu {
    font-size: .26rem;
}

.m-footer_info_menu a {
    color: #fff;
    margin: 0px .05rem;
}

.m-footer_info_menu a:hover {
    color: #f5dd99;
}

.m-footer_info_copy {
    margin-top: .1rem;
    font-size: .24rem;
}

.m-footer_info_filing {
    margin-top: .1rem;
}

.m-footer_info_filing span {
    font-size: .2rem;
}

.m-footer_info_right {
    font-size: .2rem;
    margin-top: 5px;
    color: #fff;
    text-align: center;
    margin-top: .1rem;
    border-top: 1px solid rgba(255, 255, 255, .5);
    padding: .1rem .15rem;
}

.m-footer_weach {
    margin-top: .2rem;
    display: inline-block;
    width: 38.714286%;
    vertical-align: bottom;
}

.m-footer_weach_img {
    height: 0;
    padding-bottom: 55.454545%;
    background: url(../images/wx_ico.png) no-repeat;
    background-size: contain;
}