@charset "utf-8";

/**
*{
    margin: 0;
    padding: 0;
}
*/
html, body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

/* tools */
.fixed {position: fixed;}
.static {position: static;}
.absolute {position: absolute;}
.relative {position: relative;}

.fl {float: left;}
.fr {float: right;}
.clear-l {clear: left;}
.clear-r {clear: right;}
.clear-both {clear: both;}
.o-hidden {overflow: hidden;}
.o-auto {overflow: auto;}
.hidden {visibility: hidden;}
.hide {display: none;}
.inline {display: inline;}
.block {display: block;}
.inline-block {display: inline-block;}
.flex {display: flex;}
.inline-flex {display: inline-flex;}
.table {display: table;}
.table-cell {display: table-cell;}
.underline {text-decoration: underline;}
.hover-underline:hover {text-decoration: underline;}
.no-underline {text-decoration: none;}
.pointer {cursor: pointer;}

.inline-block {display: inline-block;}
.block {display: block;}

.align-left {text-align: left;}
.align-center {text-align: center;}
.align-justify {text-align: justify;}
.align-right {text-align: right;}

.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-bottom {vertical-align: bottom;}

.break-all {word-break: break-all;}

.nowrap {white-space: nowrap;}
.pre-wrap {white-space: pre-wrap;}
/**使用伪元素来清除浮动**/
.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.clearfix {
    zoom: 1;
}