@base: #404040;
@blue: #4284D9;
@white: #fff;
@black: #000;
@gray: #999;
@red: #f43530;
@ht: #4A6C8C;
.bg-gray{
    .light-bg-color (light, @gray, 37%)
}
.bg-white{
    background-color: @white;
}
.bor-t{
    border-top: 1px solid lighten(@gray, 37%);
}
.gray{
    color: @gray;
}
.base{
    color: @base;
}
.dark-color (dark, @color, @n) {
    color: darken(@color, @n);
}
.light-color (light, @color, @n) {
    color: lighten(@color, @n);
}
.dark-bg-color (dark, @color, @n) {
    background-color: darken(@color, @n);
}
.light-bg-color (light, @color, @n) {
    background-color: lighten(@color, @n);
}
.border-radius(@tl;@tr;@br;@bl){
    -webkit-border-radius:@tl @tr @br @bl;
    -moz-border-radius:@tl @tr @br @bl;
    border-radius:@tl @tr @br @bl;
}
.box-shadow(@x;@y;@blur;@spread;@color){
    -webkit-box-shadow:@x @y @blur @spread @color;
    -moz-box-shadow:@x @y @blur @spread @color;
    box-shadow:@x @y @blur @spread @color;
}
.triangle_t(@w,@c) {
    border: @w solid @c;
    border-color: transparent transparent @c transparent;
    overflow: hidden; position: absolute;
    *width: 0;
    *height: 0
}
.triangle_b(@w,@c) {
    border: @w solid @c;
    border-color: @c transparent transparent transparent;
    overflow: hidden; position: absolute;
    *width: 0;
    *height: 0
}
.clearfix:before,
.clearfix:after {
    content: '.';
    display: block;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}
.fl{float: left;}.fr{float: right;}
.mt0{margin-top: 0;}.mt20{margin-top: 20/40rem;}.mt60{margin-top: 60/40rem;}
.mr10{margin-right: 10/40rem;}.mr40{margin-right: 40/40rem;}
.p40{padding: 40/40rem;}
.pl10{padding-left: 10/40rem;}.pl30{padding-left: 30/40rem;}
.capture{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
}
.capture2{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.flex{
    display: flex;
    display: -webkit-flex;
}
.flex-1{
    flex: 1;
    -webkit-flex: 1;
}
.a-i-t{
    align-items: stretch;
    -webkit-align-items: stretch;
}
.t-l{text-align: left;}
.f12{font-size: 24/40rem;}.f14{font-size: 28/40rem;}
.lh0{ line-height: 0; }
.re2{position: relative;top: 2px; margin-right: 5px;}
