lcoco/static/css/sys.css

.iPhone-bottom {
  /*padding-bottom: constant(safe-area-inset-bottom);*/
  /*padding-bottom: env(safe-area-inset-bottom);*/
}
/* 布局基础 */
.flex-common-css{
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
}
.flex-index-css{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.box-sizing-border{
	box-sizing: border-box;
}

/*字体大小*/
.sys-size-20{
  font-size: 20rpx;
}
.sys-size-22{
  font-size: 22rpx;
}
.sys-size-24{
  font-size: 24rpx;
}
.sys-size-26{
  font-size: 26rpx;
}
.sys-size-28{
  font-size: 28rpx;
}
.sys-size-30{
  font-size: 30rpx;
}
.sys-size-32{
  font-size: 32rpx;
}
.sys-size-34{
  font-size: 34rpx;
}

.sys-size-36{
  font-size: 36rpx;
}
.sys-size-38{
  font-size: 38rpx;
}
.sys-size-40{
  font-size: 40rpx;
}
.sys-size-48{
  font-size: 48rpx;
}
.sys-size-52{
  font-size: 52rpx;
}


/*字体粗细*/
.sys-weight-bold{
  font-weight: bold;
}
.sys-weight-600{
  font-weight: 600;
}
.sys-weight-400{
  font-weight: 400;
}
.sys-weight-500{
  font-weight: 500;
}


/*字体颜色*/
.sys-color-white{
  color: #fff;
}
.sys-color-00E7EA{
  color: #00E7EA;
}
.sys-color-2F80ED{
  color: #2F80ED;
}
.sys-color-green{
  color: #12CE87;
}
.sys-color-black{
  color: #141414;
}
.sys-color-black-0{
  color: #000;
}
.sys-color-black-3{
  color: #333;
}
.sys-color-gray-9{
  color: #999999;
}
.sys-color-gray-6{
  color: #666666;
}
.sys-color-gray-646464{
  color: #646464;
}
.sys-color-gray-3{
  color: #333333;
}																																		
.sys-color-yellow{
  color: #FFC107;
}
.sys-color-794B06{
  color: #794B06;
}
.sys-color-362100{
  color: #362100;
}
.sys-color-FE6915{
  color: #FE6915;
}
.sys-color-F47D12{
  color: #F47D12;
}
.sys-color-4BC285{
  color: #4BC285;
}
.sys-color-5B{
  color: #5B5B5B;
}




/*背景颜色*/
.sys-background-gray-f{
  background-color: #fff;
}
.sys-background-black{
  background-color: #141414;
}
.sys-background-gray-9{
  background-color: #999999;
}
.sys-background-gray-6f{
  background-color: #F6F6F6;
}
.sys-background-gray-E0{
  background-color: #E0E0E0;
}
.sys-background-green{
  background-color: #12CE87;
}
.sys-background-yellow{
  background-color: #FFC107;
}
.sys-background-FFDFC3{
  background-color: #FFDFC3;
}
.sys-background-41AAEE{
  background-color: #41AAEE;
}

.sys-background-6DCF06{
  background-color: #6DCF06;
}
.sys-background-FE6915{
  background-color: #FE6915;
}

.sys-background-FF9F14{
  background-color: #FF9F14;
}
.sys-background-FFC107{
  background-color: #FFC107;
}

.sys-background-F2F2F2{
  background-color: #F2F2F2;
}
.sys-background-BF{
  background-color: #BFBFBF;
}
.sys-background-F1{
  background-color: #F1F1F1;
}

.sys-background-222{
  background-color: #222222;
}
.sys-background-transparent{
  background-color: transparent;
}



/* 圆角 */
.sys-radius-200{
  border-radius: 200rpx;
}
.sys-radius-40{
  border-radius: 40rpx;
}
.sys-radius-20{
  border-radius: 20rpx;
}
.sys-radius-16{
  border-radius: 16rpx;
}
.sys-radius-12{
  border-radius: 12rpx;
}
.sys-radius-8{
  border-radius: 8rpx;
}
.sys-radius-6{
  border-radius: 6rpx;
}
.sys-radius-4{
  border-radius: 4rpx;
}
.sys-radius-round{
  border-radius: 50%;
}
.sys-radius-round-left-80{
  border-radius: 0 0 0 80%;
}


/*未选中按钮*/
.sys-unselected-but{
  opacity: 0.1;
  transition: .5s ease;
}
/* 选择按钮样式 */
.sys-selected-but{
  border-radius: 200rpx;
  height: 88rpx;
  line-height: 88rpx;
  text-align: center;
  transition: .5s ease;
}

.sys-webkit-box{
  display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.sys-webkit-box-2{
  -webkit-line-clamp: 2;
}
.sys-webkit-box-3{
  -webkit-line-clamp: 3;
}
.sys-height-40{
  height: 40rpx;
  line-height: 40rpx;
}
.sys-height-44{
  height: 44rpx;
  line-height: 44rpx;
}

.sys-height-34{
  height: 34rpx;
  line-height: 34rpx;
}
.sys-height-56{
  height: 56rpx;
  line-height: 56rpx;
}