/* ==========================================================================
 基础工具
 *@ Name:        utils.css V1.0.0
 *@ Author:      一丝
 *@ Update:      2013-9-30 15:39:57;
 *@ Copyright:   MIT License
 ========================================================================== */
/**
* 闭合浮动
* @Author: 一丝
* @Doc: http://nicolasgallagher.com/micro-clearfix-hack/
*/
@charset "utf-8";
.f-l{
    float: left;
}
.f-r{
    float: right;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
    /* IE6-7 触发 hasLayout */
}
/*
*@ Name:       自适应图文混排组件
*@ Update:     2013-9-29 19:23:27
*@ Usage:      如果有溢出的内容需要显示请使用 clearcell
*@ demo:       http://jsbin.com/EMIvoJohU/1/edit
*/
.clearall {
    overflow: hidden;
    _overflow: visible;
    *zoom: 1;
}
.clearcell {
    display: table-cell;
    *zoom: 1;
}
.clearcell:after {
    clear: both;
    display: block;
    visibility: visible;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
/* 强制不换行 */
.nowrap {
    white-space: nowrap;
    word-wrap: normal;
}
/* 连续字符换行 */
.wrap {
    white-space: normal;
    word-wrap: break-word;
}
.hidden, .hide {
    display: none;
}
/**
* 文字溢出显示省略号
* 1. Chrome 21+ bug https://bugs.webkit.org/show_bug.cgi?id=121902
*/
.ellipsis {
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    /* 2 */
}

/* --------------------------------------------------------------------------
 图片替换
 -------------------------------------------------------------------------- */
/** 隐藏文字
* 1.text-indent:-999em 存在性能问题：
*   http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
*/
.text-hide {
    text-indent: 100%;
    /* 1 */
    white-space: nowrap;
    overflow: hidden;
}

/**
* 裁剪方式隐藏元素
* 1. IE6-8 有严重漏洞，请勿使用 https://www.hkcert.org/my_url/zh/101104_ms_ie_css_tagparsing_vuln
* 2. VoiceOver 无法读出宽高为 0 的元素
*/
.clip-hide {
    position: absolute !important;
    /*clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    /* 1 */
    padding: 0 !important;
    border: 0 none !important;
    height: 1px !important;
    /* 2 */
    width: 1px !important;
    overflow: hidden;
}

/* img replace，通过定位方式隐藏内容 */
.ir {
    position: relative;
    z-index: -1;
    overflow: hidden;
}
.ir-bg {
    position: relative;
    z-index: 1;
}
/**
* 隐藏<select>元素的下拉箭头
* 1. 隐藏 WebKit 中的下拉箭头
* 2. Firefox 存在bug，该属性不完全生效，
    https://bugzilla.mozilla.org/show_bug.cgi?id=649849
* 3. 实验数值，Firefox for Android text-indent 需要设置大于 5px
* @doc: https://gist.github.com/joaocunha/6273016
* @demo: http://jsbin.com/EdiZuvO/1/edit
*/
.select-no-appearance {
    -webkit-appearance: none;
    /* 1 */
    -moz-appearance: none;
    /* 2 */
    appearance: none;
    text-overflow: "";
    /* 3 */
    text-indent: .01px;
    /* 3 */
}

/*
* 1. 防止 OS X 中 Webfont 视觉上看起来变粗
* 2. Fiefox 25 开始支持「-moz-osx-font-smoothing:auto(默认)|grayscale」
* Demo: http://jsbin.com/iWItiQe/2
*/
.antialiased {
    -webkit-font-smoothing: antialiased;
    /* 1 */
    -moz-osx-font-smoothing: grayscale;
    /* 2 */
}

/**
* 统一用双线显示人民币符号「&yen;(￥)」
*/
.rmb, .yuan {
    font-family: arial;
    font-style: normal;
}
/*
*@ Name:       未知高度垂直居中组件
*@ Author:     一丝
*@ Update:     2013-10-13 17:08:36
*@ Usage:      支持图片，单行或多行文字，以及图文混排
*/
/* 去除 inline-block 的空隙 */
.center-box {
    font-size: 0;
    *word-spacing: -1px;
    /* IE6、7 */
    height: 100%;
    /* 继承父级高度 */
}

/* 修复 Safari 5- inline-block 的空隙 */
@media (-webkit-min-device-pixel-ratio: 0) {
    .center-box {
        letter-spacing: -5px;
    }
}
/* 使用空标签生成一个高度100%的参照元素 */
.center-box .center-hack {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.center-box .center-body {
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    vertical-align: middle;
    /* 保证文字垂直居中 */
    padding: 0 !important;
    /* 防止设置边距导致居中失效 */
    margin: 0 !important;
    width: 100%;
    /* 保证连续字符也能居中 */
    white-space: normal;
    /* 保证连续字符换行 */
    word-wrap: break-word;
}
.center-box .center-img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    text-align: center;
    /* 图片默认水平居中 */
    vertical-align: middle;
    padding: 0 !important;
    /* 防止设置边距导致居中失效 */
    margin: 0 !important;
    font-size: 0;
}
.center-box img {
    vertical-align: middle;
    /* 去除现代浏览器 img 底部空隙 */
}