@charset "utf-8";
article,
aside,
audio,
body,
canvas,
caption,
details,
div,
p,
figure,
footer,
header,
hgroup,
html,
iframe,
img,
mark,
menu,
nav,
object,
section,
span,
summary,
table,
tbody,
td,
tfoot,
thead,
tr,
video,
dl,
dd {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    font-size: 14px;
    line-height: 1.5;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    background-color: #f4f4f4;
    padding-bottom: 49px;
}

a,
a:visited,
a:hover {
    color: #999;
    text-decoration: none;
    outline: 0;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.footerMenu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 49px;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
.footerMenu ul {
    margin: auto;
    display: block;
    width: 100%;
    height: 48px;
    display: -webkit-box;
    /* display: box; */
    -webkit-box-orient: horizontal;
    background-color: #222;
    /*background-color: #F9F9F9;*/
    border-top: 1px solid #cecece;
}
.footerMenu ul li {
    float: left;
    width: 19%;
    height: 100%;
}

.footerMenu ul li.voiceBox {
    width: 24%;
}
.footerMenu.wap li {
    width: 25%;
}
.footerMenu.wap .voiceBox {
    display: none;
}

.footerMenu ul li a {
    line-height: 20px;
    text-align: center;
    display: block;
    text-decoration: none;
    padding-top: 2px;
    font-size: 13px;
    position: relative;
    height: 46px;
}
.footerMenu ul li a em {
    margin: 0 auto;
    display: block;
    height: 20px;
    width: 22px;
    margin-top: 3px;
    margin-bottom: 2px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-bottom: 0px;
}
.footerMenu ul li a em.home {
    /* background-image: url(../images/f01-1.png); */
}
.footerMenu ul li a.active em.home,
.footerMenu ul li a.hover em.home {
    /* background-image: url(../images/f01-2.png); */
}
.footerMenu ul li a em.my {
    /* background-image: url(../images/f02-1.png); */
}
.footerMenu ul li a.active em.my {
    /* background-image: url(../images/f02-2.png); */
}
.footerMenu ul li a em.bbs {
    /* background-image: url(../images/f03-1.png); */
}
.footerMenu ul li a.active em.bbs,
.footerMenu ul li a.hover em.bbs {
    /* background-image: url(../images/f03-2.png); */
}
.footerMenu ul li a em.back {
    /* background-image: url(../images/f04.png); */
}

.footerMenu ul li a em.act {
    /* background-image: url(../images/f05-1.png); */
}
.footerMenu ul li a.active em.act,
.footerMenu ul li a.hover em.act {
    /* background-image: url(../images/f05-2.png); */
}
.footerMenu ul li a em.buy {
    /* background-image: url(../images/f06-1.png); */
}
.footerMenu ul li a.active em.buy,
.footerMenu ul li a.hover em.buy {
    /* background-image: url(../images/f06-2.png); */
}

.footerMenu ul li a p {
    color: #fff;
    opacity: 0.8;
}
.footerMenu ul li a.active p,
.footerMenu ul li a.hover p {
    /*color:#cf3435;*/
    color: #fdaf00;
    opacity: 1;
}
.footerMenu ul li.voiceBox {
}
.footerMenu ul li.voiceBox a {
    padding: 1px;
    /* background:url(../images/footer_voice.png) no-repeat; */
    background-size: 38px;
    background-position: center;
}

.footerMenu.house {
    height: 59px;
}
.footerMenu.house .footer_top {
    height: 10px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e9f9f8), to(#d8f5f3));
    opacity: 0.6;
}
.footerMenu.house ul {
    background: #fff;
    border-top: 0px;
}
.footerMenu.house.wap li {
    width: 20%;
}
.footerMenu.house.wap li.phoneBtn {
    margin-top: -15px;
    padding-top: 15px;
    background: white;
    z-index: 111;
    position: relative;
    border-radius: 50%;
}
.footerMenu ul li a em.phoneBtn {
    /* background-image: url(../images/footer_phone.png); */
    width: 30px;
    height: 26px;
    margin-top: -3px;
}
.footerMenu ul li a.hover em.phoneBtn {
    /* background-image: url(../images/footer_phone_active.png); */
    width: 30px;
    height: 26px;
    margin-top: -3px;
}

.footerMenu ul li a em.marketBtn {
    /* background-image: url(../images/footer_market.png); */
    width: 30px;
    height: 26px;
    margin-top: -3px;
}
.footerMenu ul li a.hover em.marketBtn {
    /* background-image: url(../images/footer_market_active.png); */
    width: 30px;
    height: 26px;
    margin-top: -3px;
}
