@import url("@/common/css/variables.less");

Page{
	font-family: "PingFang-SC-Regular";
	height: 100%;
	font-size: 24rpx;
	-webkit-text-size-adjust: none;
}
body{
	height: 100%;
}
view{
	box-sizing: border-box;
}
.bg-container{
	background: rgba(243,244,245,1);
	display: flex;
	height: 100%;
	flex-direction: column;
	box-sizing: border-box;
	line-height: 1;
}
.container{
	height: 100%;
}
.greenBg{
	background-color: green;
}
//全局
.pad-rl{
	padding: 0 28rpx; 
}

.flex-ro{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.flex-cu{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.justify-side{
	justify-content: space-between;
}

.justify-center{
	justify-content: center;
}

.justify-start{
	justify-content: flex-start
}
.justify-end{
	justify-content: flex-end;
}

.align-start{
	 align-items: flex-start
}
.warp{
	flex-wrap:wrap;
}

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

.mg-center{
	margin: 0 auto;
}

//通用字体size
.f-10{
	font-size:20rpx;
}
.f-12{
	font-size:24rpx;
}

.f-13{
	font-size: 26rpx;
}

.f-14{
	font-size: 28rpx;
}

.f-15{
	font-size: 30rpx;
}
.f-16{
	font-size: 32rpx;
}

.f-17{
	font-size: 34rpx;
}

.f-18{
	font-size: 36rpx;
}

.f-19{
	font-size: 38rpx;
}

.f-20{
	font-size: 40rpx;
}

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

.pa-l-5{
	padding-left: 10rpx;
}
.pa-l-10{
	padding-left: 20rpx;
}
.pa-l-15{
	padding-left: 30rpx;
}
.pa-l-20{
	padding-left: 40rpx;
}

.pa-r-5{
	padding-right: 10rpx;
}
.pa-r-10{
	padding-right: 20rpx;
}
.pa-r-15{
	padding-right: 30rpx;
}

.pa-r-20{
	padding-right: 40rpx;
}

.pa-d-10{
	padding-bottom: 20rpx;
}

.pa-d-20{
	padding-bottom: 40rpx;
}

.pa-d-5{
	padding-bottom: 10rpx;
}

.pa-t-10{
	padding-top: 20rpx;
}
.pa-t-15{
	padding-top: 30rpx;
}
.pa-t-20{
	padding-top: 40rpx;
}

.pa-t-5{
	padding-top: 10rpx;
}

.mg-l-5{
	margin-left: 10rpx;
}
.mg-l-10{
	margin-left: 20rpx;
}

.mg-r-5{
	margin-right: 10rpx;
}
.mg-r-10{
	margin-right: 20rpx;
}

.mg-r-15{
	margin-right: 30rpx;
}

.mg-r-20{
	margin-right: 40rpx;
}

.mg-d-10{
	margin-bottom: 20rpx !important;
}

.mg-d-15{
	margin-bottom: 30rpx !important;
}

.mg-d-20{
	margin-bottom: 40rpx !important;
}
.mg-d-5{
	margin-bottom: 10rpx;
}

.mg-t-10{
	margin-top: 20rpx;
}

.mg-t-15{
	margin-top: 30rpx;
}

.mg-t-20{
	margin-top: 20rpx;
}

.mg-t-5{
	margin-top: 10rpx;
}

.col-w{
	color: #fff;
}

.col-h{
	color: #2f2f2f;
}

.col-low{
	color: #3f3f3f;
}

.col-nor{
	color: @uni-color-normal;
}
.col-ye{
	color: @uni-color-yellow;
}
.col-ori{
	color: @uni-color-origin;
}
.col-red{
	color: @uni-color-red;
}
.col-green{
	color: @uni-color-green;
}
.col-blue{
	color: @uni-color-blue;
}

.bg-nor{
	background-color: @uni-color-normal;
}
.bg-ye{
	background-color: @uni-color-yellow;
}
.bg-ori{
	background-color: @uni-color-origin;
}
.bg-red{
	background-color: @uni-color-red;
}
.bg-green{
	background-color: @uni-color-green;
}
.bg-blue{
	background-color: @uni-color-blue;
}
.bg-w{
	background-color: #fff;
}
.bg-h{
	background-color: #2f2f2f;
}
.bg-low{
	background-color: #3f3f3f;
}
.bg-low-down{
	background-color: #898989;
}
.bg-low-btn{
	background-color: #d4d4d4;
}

.bg-normal{
	background-color: rgba(243,244,245,1) !important;
}

.centers{
	 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}

.fn-c-3{
	color:#333;
}
.fn-c-6{
	color:#666;
}
.fn-c-9{
	color:#999;
}

/deep/.uni-scroll-view ::-webkit-scrollbar {
	 /* 隐藏滚动条，但依旧具备可以滚动的功能 */
	 display: none;
	 width: 0;
	 height: 0;
	 color: transparent;
	 background: transparent;
}
/deep/::-webkit-scrollbar {
	 display: none;
	 width: 0;
	 height: 0;
	 color: transparent;
	 background: transparent;
}