body .show{
    display: block;
    visibility: visible;
}
body .hide {
    display: none;
}

body .hide2 {
    visibility: hidden;
}

body .hide3 {
    position: absolute;
    left: -99999px;
    top: -99999px
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.f-l {
    float: left;
}

.f-r {
    float: right;
}

.ow {
    overflow: hidden;
}

.bold {
    font-weight: bold;
}


.nowrap {
    white-space: nowrap;
    word-break: keep-all
}

.wrap {
    white-space: normal;
    word-break: break-all
}

.ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal
}

/*文字对齐类*/
.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

/*文字提示类，默认 正常 成功 错误 警告*/


.text-muted {
    color: #777
}

.text-primary {
    color: #428bca
}

a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}


.bg-primary {
    color: #fff;
    background-color: #428bca
}

a.bg-primary:hover {
    background-color: #3071a9
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-responsive{
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}