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:#1155bf}
.shlcolor1{ background-color:#0FB7BA}
.shlcolor2{ background-color:#36A1DB}
.shlcolor3{ background-color:#4FB418}
.weiba-page{ max-width:640px; margin:0 auto;}