@import 'common.less';

//定位
.relative{
    position: relative;
}
.fixed{
    position: fixed;
}
.flex{
    display:-webkit-box;     
    display:-webkit-flex;     
    display:-ms-flexbox;     
    display:flex;
}
.space-between{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.flex-start{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    justify-content: flex-start;
}
.flex-center{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    justify-content: center;
}
.flex-end{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    justify-content: flex-end;
}
.textLeft{
    float: left;
}
.center{
    text-align: center;
}
.line20{
    margin-top: px2rem(10px);
}
.pl30{
    margin-left: px2rem(15px);
}
.ml5{
    margin-left: px2rem(5px);
}
.mb30{
    margin-bottom: px2rem(15px);
}
.mb34{
    margin-bottom: px2rem(17px);
}
.marginLR30{
    margin: 0 px2rem(15px);
}
.pdLR{
    padding: px2rem(15px) 0;
}
.pdTB30{
    padding: px2rem(45px) 0 px2rem(15px);
}
.pdTB60{
    padding: px2rem(15px) 0 px2rem(15px);
}
.fs20{
    font-size: px2rem(10px);
}
.fs11{
    font-size: px2rem(11px);
}
.fs26{
    font-size: px2rem(13px);
}
.fs14{
    font-size: px2rem(14px);
}
.fs22{
    font-size: px2rem(11px);
}
.fs24{
    font-size: px2rem(12px);
}
.fs26{
    font-size: px2rem(13px);
}
.fs28{
    font-size: px2rem(14px);
}
.fs30{
    font-size: px2rem(15px);
}
.fs32{
    font-size: px2rem(16px);
}
.fs36{
    font-size: px2rem(18px);
}
.fs50{
    font-size: px2rem(25px);
}
.fw{
    font-weight: bold;
}
//背景颜色
.bg-white{
    background-color: #fff;
}
.bg-gray{
    background-color: #F5F5F5;
}
//字体颜色
.gray{
    color: rgba(177, 181, 184, 1);
}
.white{
    color: #fff;
}
.fs30{
    font-size: px2rem(15px);
}
//圆角
.radius{
    border-radius: px2rem(3px);
}
.radiusTR{
    border-radius: px2rem(3px) px2rem(3px) 0 0;
}
.one-line{
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}