小程序 css common

page {
  background: #F3F6F9;
  font-family: PingFang SC;
  font-weight: 400;
}

.all_color {
  color: #F5B089 !important;   
}



.clear{
  clear: both;
}

.text-ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-ellipsis-two{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.border-box{
  box-sizing: border-box;
}

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

/* bg */
.bg-white{
  background-color: #fff;
}
.bg-page{
  background: #F3F6F9;
}

/* text */
.active-text{
  color: #D39C77;
}
.text33{
  color: #333;
}
.text666{
  color: #666;
}
.text777{
  color: #777777;
}
.text999{
  color: #999;
}
.textBA{
  color: #BABABA;
}
.textF1{
  color: #F1403C;
}
.text-white{
  color: #fff;
}
.text-green{
  color: #006F5D;
}
.text-F5B{
  color: #F5B089;
}
.text-F2E5{
  color: #F2E5DC;
}
.text-8F2{
  color: #8F210B;
}
.text-indent{
  text-indent: 40rpx;
}



.font-w{
  font-weight: bold;
}
.font-300{
  font-weight: 300;
}
.font-500{
  font-weight: 500;
}

.minWidth{
  min-width: 0;
}

.border-top{
  border-top: 2rpx solid #F3F6F9;
}
.border-bottom{
  border-bottom: 2rpx solid #F3F6F9;
}

/* 我是有底线的 */
.last-line{
  padding: 36rpx 0 157rpx 0;
  text-align: center;
}


/**通用间距字体样式。。杨庭辉20170623**/

.font46 {
  font-size: 46rpx;
}

.font44 {
  font-size: 44rpx;
}

.font40 {
  font-size: 40rpx;
}

.font36 {
  font-size: 36rpx;
}

.font32 {
  font-size: 32rpx;
}

.font26 {
  font-size: 26rpx;
}
.font28 {
  font-size: 28rpx;
}

.font48 {
  font-size: 48rpx;
}
.font38 {
  font-size: 38rpx;
}

.font24 {
  font-size: 24rpx;
}
.font22 {
  font-size: 22rpx;
}
.font20 {
  font-size: 20rpx;
}
.font18 {
  font-size: 18rpx;
}
.font16 {
  font-size: 16rpx;
}
.font14 {
  font-size: 14rpx;
}
.font12 {
  font-size: 12rpx;
}
.font10 {
  font-size: 10rpx;
}

.font_line44 {
  font-size: 44rpx;
  line-height: 56rpx;
  padding: 24rpx 0;
}

.line_height56 {
  line-height: 56rpx;
}

.line_height48 {
  line-height: 48rpx;
}

.line_height40 {
  line-height: 40rpx;
}

.line_height32 {
  line-height: 32rpx;
}

.mt0 {
  margin-top: 0;
}

.mt4 {
  margin-top: 4rpx;
}
.mt8 {
  margin-top: 8rpx;
}

.mt16 {
  margin-top: 16rpx;
}
.mt20 {
  margin-top: 20rpx;
}

.mt24 {
  margin-top: 24rpx;
}

.mt32 {
  margin-top: 32rpx;
}
.mt40 {
  margin-top: 40rpx;
}
.mt44 {
  margin-top: 44rpx;
}
.mt48 {
  margin-top: 48rpx;
}
.mt58 {
  margin-top: 58rpx;
}
.mt60 {
  margin-top: 60rpx;
}
.mt64 {
  margin-top: 64rpx;
}
.mt84 {
  margin-top: 84rpx;
}

.mb8 {
  margin-bottom: 8rpx;
}

.mb16 {
  margin-bottom: 16rpx;
}

.mb20 {
  margin-bottom: 20rpx;
}

.mb24 {
  margin-bottom: 24rpx;
}

.mb32 {
  margin-bottom: 32rpx;
}

.ml2 {
  margin-left: 2rpx;
}

.ml8 {
  margin-left: 8rpx;
}

.ml12 {
  margin-left: 12rpx;
}
.ml16 {
  margin-left: 16rpx;
}
.ml20 {
  margin-left: 20rpx;
}

.ml24 {
  margin-left: 24rpx;
}
.ml26 {
  margin-left: 26rpx;
}

.ml32 {
  margin-left: 32rpx;
}
.ml48 {
  margin-left: 48rpx;
}
.ml64 {
  margin-left: 64rpx;
}

.mr8 {
  margin-right: 8rpx;
}

.mr12 {
  margin-right: 12rpx;
}

.mr16 {
  margin-right: 16rpx;
}

.mr24 {
  margin-right: 24rpx;
}

.mr32 {
  margin-right: 32rpx;
}
.mr42 {
  margin-right: 42rpx;
}

.pt8 {
  padding-top: 8rpx;
}

.pt16 {
  padding-top: 16rpx;
}

.pt24 {
  padding-top: 24rpx;
}
.pt26 {
  padding-top: 26rpx;
}
.pt28 {
  padding-top: 28rpx;
}

.pt30 {
  padding-top: 30rpx;
}

.pt32 {
  padding-top: 32rpx;
}
.pt40 {
  padding-top: 40rpx;
}

.pb8 {
  padding-bottom: 8rpx;
}

.pb16 {
  padding-bottom: 16rpx;
}

.pb24 {
  padding-bottom: 24rpx;
}

.pb32 {
  padding-bottom: 32rpx;
}
.pb44 {
  padding-bottom: 44rpx;
}

.pl8 {
  padding-left: 8rpx;
}

.pl12 {
  padding-left: 12rpx;
}
.pl16 {
  padding-left: 16rpx;
}

.pl20 {
  padding-left: 20rpx;
}

.pl24 {
  padding-left: 24rpx;
}
.pl28 {
  padding-left: 24rpx;
}

.pl32 {
  padding-left: 32rpx;
}
.pl40 {
  padding-left: 40rpx;
}
.pl52 {
  padding-left: 52rpx;
}
.pl56 {
  padding-left: 56rpx;
}
.pl58 {
  padding-left: 58rpx;
}

.pr8 {
  padding-right: 8rpx;
}

.pr16 {
  padding-right: 16rpx;
}

.pr20 {
  padding-right: 20rpx;
}

.pr24 {
  padding-right: 24rpx;
}

.pr32 {
  padding-right: 32rpx;
}
.pr40 {
  padding-right: 40rpx;
}
.pr50 {
  padding-right: 50rpx;
}
.pr56 {
  padding-right: 56rpx;
}

.padding24 {
  padding: 24rpx;
}

.padding28 {
  padding: 28rpx;
}

.padding32 {
  padding: 32rpx;
}


.padding-lr-34 {
  padding: 0 34rpx;
}
.padding-lr-20 {
  padding: 0 20rpx;
}

.ptb24 {
  padding: 24rpx 0;
}
.ptb32 {
  padding: 32rpx 0;
}


.ptb8 {
  padding: 8rpx 0;
}
.ptb16 {
  padding: 16rpx 0;
}

.padding16 {
  padding: 16rpx;
}

.pd24-horticla {
  padding: 0 24rpx;
}

.pd24-vertical {
  padding: 24rpx 0;
}

.w580 {
  width: 580rpx !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}



.overflow1 {
  white-space: nowrap;
  text-overflow: ellipsis; 
  overflow: hidden;
  word-break: break-all;
}

.overflow2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

::-webkit-scrollbar{
  display:none !important;
}