@charset "utf-8";

/*
* 尽量不要在最外层标签 使用 
*/

/* -------------------------// common //------------------------- */
 
.wui_fl,.wui_lt,.wui_left{float:left;}
.wui_fr,.wui_rt,.wui_right{float:right;}
.wui_vbh{visibility:hidden;}
.wui_dpn{display:none;}
.wui_dpb{display:block;}
.wui_dpib{display:inline-block;}
.wui_ofh{overflow:hidden;}
.wui_img100{max-width:100%;height:auto; display: block;}
.wui_fwn{font-weight:normal;}
.wui_fwb{font-weight:bold;}
.wui_fsn{font-style: normal}
.wui_tal{text-align:left;}
.wui_tac{text-align:center;}
.wui_tar{text-align:right;}
.wui_ti2{text-indent:2em;}
.wui_lhn{line-height:normal;}
.wui_csp{cursor:pointer;}
.wui_csd{cursor:default;}
.wui_csh{cursor:help;}
.wui_csm{cursor:move;}
.wui_pr{position:relative;}
.wui_ptr{position:relative;}
.wui_pta{position:absolute;}
.wui_tdu,.wui_tdu:hover{text-decoration:underline;}
.wui_tdlt{text-decoration: line-through}
.wui_fs12{font-size:12px}
.wui_fs14{font-size:14px}
.wui_fs16{font-size:16px}
.wui_fs18{font-size:18px}
.wui_fs20{font-size:20px}
.wui_fs12_rem{font-size:1.2rem}
.wui_fs14_rem{font-size:1.4rem}
.wui_fs16_rem{font-size:1.6rem}
.wui_fs18_rem{font-size:1.8rem}
.wui_fs20_rem{font-size:2rem}
.wui_color_gary_9{color:#999}

.wui_taj{text-align:justify;text-justify:inter-ideograph;}
.wui_vam,.wui_vama *{vertical-align:middle;}
.wui_wsn{word-wrap:normal;white-space:nowrap;}
.wui_pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.wui_wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.wui_ti{overflow:hidden;text-indent:-30000px;}
.wui_toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.wui_table{border-collapse:collapse;border-spacing:0;}
 
/*
* 清浮动
*/
.wui_cf,.wui_clearfix{zoom:1}
.wui_cf:after,.wui_clearfix:after{content:"\200B";display:block;height:0;clear:both; }
.wui_clear{clear:both;float:none;height:0;margin:0;padding:0;width:0;overflow:hidden;}


/*
<span class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
<a href="#" class="u-img"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a>
<span class="u-img u-img-ha"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
*/
/* 无边图片容器-默认定宽定高、图片拉伸 */
.u-img{display:block;position:relative;width:110px;height:110px;}
.u-img img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img-ha,.u-img-ha img{height:auto;}
/* 圆角 */
.u-img,.u-img img{border-radius:5px;}


/*
<span class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
<a href="#" class="u-img2"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a>
<span class="u-img2 u-img2-ha"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
*/
/* 有边图片容器-默认定宽定高、图片拉伸 */
.u-img2{display:block;position:relative;width:104px;height:104px;padding:2px;border:1px solid #ddd;}
.u-img2 img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img2-ha,.u-img2-ha img{height:auto;}
/* 圆角 */
.u-img,.u-img img{border-radius:5px;}


/*
<div class="m-crumb">
    <ul class="f-cb">
        <li><a href="#">面包屑导航，竖线分隔</a></li>
        <li><a href="#">面包屑，可多行</a></li>
        <li><a href="#">面包屑</a></li>
        <li>文字</li>
    </ul>
</div>
*/
/* 多行式面包屑导航-默认  竖线分隔 */
.m-crumb{overflow:hidden;line-height:1.5;}
.m-crumb ul{margin-left:-20px;}
.m-crumb li{float:left;word-wrap:normal;white-space:nowrap;}
.m-crumb li:before{display:inline-block;width:20px;text-align:center;content:'|';font-size:12px;color:#ccc;font-family:\5b8b\4f53;}
/* 箭头分隔 */
.m-crumb-arr li:before{content:'\3E';}
/* 空白分隔 */
.m-crumb-blank ul{margin-left:-10px;}
.m-crumb-blank li:before{width:10px;content:'';}