/*水平方向左右分布*/
.flex-lr{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items:center;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.flex-ll{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.flex-rr{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}
/*垂直方向居中分布*/
.flex-vc{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
/*垂直方向居左分布*/
.flex-vl{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: left;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.flex-vr{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
}
/*水平方向居中分布*/
.flex-cc{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}
/*基准线对齐*/
.flex-bc{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: baseline;
  flex-direction: row;
  -webkit-flex-direction: row;
}
/*流式布局*/
.flex-auto{
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  align-content: flex-start;
  flex-flow:wrap;
}
/*流式布局--左对齐*/
.flex-auto-ll{
  display:flex;
  display:-webkit-flex;
  justify-content:space-between;
  align-content:space-around;
  flex-flow:wrap;
  align-items:stretch;
}
.font34r{
    font-size:34rpx;
}
.font28r{
    font-size:28rpx;
}
.font30r{
    font-size:30rpx;
}
.font32r{
    font-size:32rpx;
}
.font26r{
    font-size:26rpx;
}
.font24r{
    font-size:24rpx;
}
.font38r{
    font-size:38rpx;
}
.font40r{
    font-size:40rpx;
}
.font44r{
    font-size:44rpx;
}
.font20r{
    font-size:20rpx;
}
.black-font{
    color:#353535;
}
.gray-font{
	color:#999999;
}
.white-font{
    color:#fff;
}
.green-font{
    color:#199095;
}
.flex-rc{
    display:flex;
    display: -webkit-flex;
    justify-content:center;
    align-items:center;
}
.flex-rs{
    display:flex;
    display: -webkit-flex;
    justify-content:flex-start;
    align-items:center;
    flex-direction: row;
    flex-wrap:wrap;
}
.flex-cmc{
    display:flex;
    display: -webkit-flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
}
.flex-re{
  display:flex;
  display: -webkit-flex;
  justify-content:flex-end;
}
.default-setting{
    color:#999;
    font-size:38rpx;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cut{
    width:100%;
    height:20rpx;
}
.smooth{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
button::after{
    border:0;
}
.font-bold{
    font-weight:bold;
}
.font-more{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.font-more-two{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
image{
    background:transparent;
}
.gray-font{
    color:#999;
}
.gray-deep-font{
   color:#666;
}
.icon12-22{
    width:12rpx;
    height:22rpx;
    background:transparent;

}
.bg_white{
    background:#fff;
}
.bg_green{
    background:#199095;
}
.bg_gray{
    background:#efeef3;
}
.bg-gray{
    background:#F5F5F5;
}
.font-siny{
    font-weight:300;
}
.cut{
    width:100%;
    height:20rpx;
}
.border-right{
    border-right:1px solid #efeef3;
}
.font-bold,.Semibold{
  font-weight:bold;
}

.Medium{
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight: 500;
}
.button-none {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  font-size: inherit;
  text-align: center;
  text-decoration: none;
  line-height: 100%;
  -webkit-tap-highlight-color: transparent;
  color: inherit;
  width:100%;
  border-radius: 0;
  background-color: transparent;
  overflow: visible;
}
.button-none:before,.button-none:after{
  border-width: 0;
}
.navigator-hover{
  background:none;
}
.more{
  width: 12rpx;
  height: 22rpx;
  background-image: url("http://nosqn.colorcun.com/custom/lite-yd/image/click.png");
  background-size: 100% 100%;
  min-width: 12rpx;
  background-repeat: no-repeat;
}
.mask{
  background-color: rgba(20,20,20,0.5);
  position: fixed;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
.flex-tb{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items:flex-start;
  flex-direction: column ;
  -webkit-flex-direction: column ;
}
.flex-bl{
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  align-items:flex-start;
  flex-direction: column ;
  -webkit-flex-direction: column ;
}
.timg{
    background-size: 100% 100%;
    background-image: url("http://nosqn.colorcun.com/timg.gif");
    width:96rpx;
    height:96rpx;
}

.close-x{
    width:28rpx;
    height:29rpx;
    background-size: 100% 100%;
    background-image: url("http://nosqn.colorcun.com/sellerbaobao/close.png");
    position: relative;
}
.close-x:after{
    width: 120rpx;
    height: 120rpx;
    position: absolute;
    top:-50rpx;
    left:-50rpx;
    content: "";
    display: block;
}