body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}body{background-color:#eee;background-size:cover;background-repeat:no-repeat}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}/*\*/* html .clearfix{height:1%}
.clearfix{display:block}/**/
.banner{background-position:center;background-repeat:no-repeat;background-size:cover}
.clear{clear:both}
.weiba_content{padding:3px}
.con_item{width:50%;display:block;text-decoration:none;background-size:auto 100%;background-repeat:no-repeat;position:relative;box-sizing:border-box;border:3px solid #eee}
.c0{background-color:#ccc}
.c1{text-align:left;background-position:right center;background-size:30%}

.fl{float:left}
.fr{float:right}
.fl.c0,.fr.c0{text-align:left;background-size:cover}

.titlebox{width:100%;display:block}
.c0 .titlebox{position:absolute;bottom:0;background-color:rgba(0,0,0,0.5)}
.c1 .titlebox{position:absolute;top:50%;margin-top:-25px}
.con_item_navname{font-size:16px;font-weight:bold;color:#fff;width:100%;line-height:30px;height:30px;padding:0 10px;box-sizing:border-box}
.con_item_navinfo{font-size:12px;color:#fff;width:100%;line-height:20px;height:20px;padding:0 10px;box-sizing:border-box}
.shlcolor{ background-color:#0376AD}
.shlcolor1{ background-color:#0FB7BA}
.shlcolor2{ background-color:#36A1DB}
.shlcolor3{ background-color:#4FB418}
.weiba-page{ max-width:640px; margin:0 auto;}




nav {
    width: 100%;
    height: 40px;
    background: #000;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
}

nav li {
    width: 49%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #FFFFFF;
    display: block;
    float: left;
    text-align: center;
}
nav li a {
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}
nav li a span {
    width: 20px;
    height: 20px;
    overflow: auto;
    padding-top: 10px;
    padding-right: 7px;
}
nav li a span img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}