.f-graid {
    letter-spacing:-0.31em;
    *letter-spacing:normal;
    *word-spacing:-0.43em;
    text-rendering:optimizespeed;
    white-space:nowrap;
}

.f-unit,
    .f-unit-4,
    .f-unit-3,
    .f-unit-2,
    .f-unit-5 {
    display:inline-block;
    zoom:1;
    *display:inline;
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
    text-rendering:auto;
    white-space:normal;
}
.ui-flex{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    justify-items: center;
    -webkit-justify-items: center;
    align-items:center;
    -webkit-align-items: center;
    align-content:center;
    -webkit-align-content: center;
}
.ui-flex-left{
    justify-content: flex-start;
    -webkit-justify-content: flex-start;;
    justify-items: flex-start;;
    -webkit-justify-items: flex-start;;
}
.ui-flex-column{
    flex-direction: column;
}
.f-hide {
    display: none !important;
}

.f-hidden {
    visibility: hidden !important;
}

.f-noselect {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
}
.f-clear:after {
    clear: both;
    content:'.';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    overflow: hidden;
}
.f-clear {
    zoom: 1;
}

.f-lineBlock {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: baseline;
}
.f-verticalT {
	vertical-align: top;
}
.f-verticalM {
    vertical-align: middle;
}

.f-verticalB {
    vertical-align: baseline;
}

.f-verticalBM {
    vertical-align: bottom;
}

.f-verticalTT {
    vertical-align: text-top;
}

.f-imeNone {
    ime-mode: disabled;
}
.f-cursorp{
    cursor: pointer;
}
.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-mc {
    margin-left: auto;
    margin-right: auto;
}

.f-tl {
    text-align: left!important;
}

.f-tc {
    text-align: center!important;
}

.f-tr {
    text-align: right!important;
}

.f-ts12 {
    font-size: 12px!important;
}

.f-ts14 {
    font-size: 14px!important;
}

.f-ts18 {
    font-size: 18px!important;
}

.f-ts20 {
    font-size: 20px!important;
}

.f-ts22 {
    font-size: 22px!important;
}

.f-tcc {
    color: #ccc;
}

.f-tc3 {
    color: #333;
}

.f-tc9 {
    color: #999;
}

.f-tc6 {
    color: #666;
}

.f-tcf {
    color: #fff;
}

.f-tc4d {
    color: #4d4d4d;
}

.f-tc7d {
    color: #7d7d7d;
}

.f-tcgreen {
    color: #00b180;
}

.f-torange {
    color: #f60 !important;
}

.f-tn {
    font-weight: normal;
}

.f-tb {
    font-weight: bold;
}

.f-mt5 {
    margin-top: 5px;
}

.f-mt10 {
    margin-top: 10px;
}

.f-mt12 {
    margin-top: 12px;
}

.f-mt15 {
    margin-top: 15px;
}

.f-mt20 {
    margin-top: 20px;
}

.f-mt25 {
    margin-top: 25px;
}

.f-mt30 {
    margin-top: 30px;
}

.f-mt40 {
    margin-top: 40px;
}

.f-mt45 {
    margin-top: 45px;
}

.f-mt50 {
    margin-top: 50px;
}

.f-mt60 {
    margin-top: 60px;
}

.f-mt80 {
    margin-top: 80px;
}

.f-ml5 {
    margin-left: 5px;
}

.f-ml10 {
    margin-left: 10px;
}

.f-ml15 {
    margin-left: 15px;
}

.f-ml20 {
    margin-left: 20px;
}

.f-ml25 {
    margin-left: 25px;
}

.f-mr5 {
    margin-right: 5px;
}

.f-mr10 {
    margin-right: 10px;
}

.f-mr20 {
    margin-right: 20px;
}

.f-mb5 {
    margin-bottom: 5px;
}

.f-mb10 {
    margin-bottom: 10px;
}

.f-mb20 {
    margin-bottom: 20px;
}

.f-mb30 {
    margin-bottom: 30px;
}

.f-mb40 {
    margin-bottom: 40px;
}

.f-pb5 {
    padding-bottom: 5px;
}

.f-pb10 {
    padding-bottom: 10px;
}

.f-pt5 {
    padding-top: 5px;
}

.f-pt10 {
    padding-top: 10px;
}

.f-pt25 {
    padding-top: 25px;
}

.f-pl5 {
    padding-left: 5px;
}

.f-pl10 {
    padding-left: 10px;
}

.f-pr5 {
    padding-right: 5px;
}

.f-pr10 {
    padding-right: 10px;
}

.f-opacityBg {
    display: block;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    background: #000
}

.f-trans {
    -moz-transition-property: all;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: all;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: linear;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

.f-yahei {
    font-family: \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial;
}

.f-heiti {
    font-family: \5b8b\4f53, Arial;
}

.ico-span {
    display: inline-block;
    zoom: 1;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.ico-yixin {
    background: url(/resource/images/common/green_bg.png?v=20131012) no-repeat 0 0;
}

.ico-circle {
    background: url(/resource/images/common/green_bg.png?v=20131012) no-repeat 0 -58px;
}

.ico-ios {
    background: url(/resource/images/common/sys_ico.png?v=20131012) no-repeat -6px -272px;
    height: 36px;
}

.ico-android {
    background: url(/resource/images/common/sys_ico.png?v=20131012) no-repeat -5px -365px;
    height: 40px;
    width: 40px;
}