assess-app/static/css/common.css

.total-page {
	box-sizing: border-box;
	min-height: 100%;
	z-index: 1;
	padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
}
.page_env{
	padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
}

.page-bg1 {
	background-image: url("https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/index/index-bg.png?imageMogr2/quality/20");
	background-repeat: no-repeat;
	background-size: 100% 700rpx;
}

.page-bg2 {
/* 	background-image: url("https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/index/index-bg.png?imageMogr2/quality/20");
	background-repeat: no-repeat;
	background-size: 100% auto; */
}

.page-bg3 {
	background-image: url("https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/index/index-bg.png?imageMogr2/quality/20");
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.iPhone-padding {
	box-sizing: border-box;
	padding-bottom: env(safe-area-inset-bottom);
}

/* 页面style*/
.task-tabs{
	position: fixed;
	width: 100%;
	top: 84px;
	z-index: 9999;
}
.is-hover{
	opacity: 0.6;
}

.bg-ragb-0{background-color: rgba(0, 0, 0, 0.2);}
.bg-ragb-255{background-color: rgba(255, 255, 255, 0.2);}
/*flex布局*/
.flex{flex: 1;}
.flex-wrap{flex-wrap: wrap;}
.center{display: flex;align-items: center;}
.justify-center{justify-content: center;}
.justify-left{justify-content: left;}
.row{display: flex;flex-direction: row;}
.row-c{display: flex;flex-direction: row;align-items: center;}
.column{display: flex;flex-direction: column;}
.column-c{display: flex;flex-direction: column;align-items: center;}
.column-sb-c{display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.row-justify-c{display: flex;flex-direction: row;justify-content: center;}
.row-justify-sb{display: flex;flex-direction: row;justify-content: space-between;}
.column-justify-c{display: flex;flex-direction: column;justify-content: center;}
.column-justify-sb{display: flex;flex-direction: column;justify-content: space-between;}

/*padding大小*/
.p-16{padding: 16rpx;}
.p-20{padding: 20rpx;}
.p-30{padding: 30rpx;}
.p-40{padding: 40rpx;}

.p-t10{padding-top: 10rpx;}
.p-t16{padding-top: 16rpx;}
.p-t20{padding-top: 20rpx;}
.p-t30{padding-top: 30rpx;}
.p-t40{padding-top: 40rpx;}

.p-r10{padding-right: 10rpx;}
.p-r16{padding-right: 16rpx;}
.p-r20{padding-right: 20rpx;}
.p-r30{padding-right: 30rpx;}
.p-r40{padding-right: 40rpx;}
.p-r60{padding-right: 60rpx;}

.p-l10{padding-left: 10rpx;}
.p-l16{padding-left: 16rpx;}
.p-l20{padding-left: 20rpx;}
.p-l40{padding-left: 30rpx;}
.p-l40{padding-left: 40rpx;}

.p-b10{padding-bottom: 10rpx;}
.p-b16{padding-bottom: 16rpx;}
.p-b20{padding-bottom: 20rpx;}
.p-b30{padding-bottom: 30rpx;}
.p-b40{padding-bottom: 40rpx;}

.p-tb6{padding-top: 6rpx;padding-bottom: 6rpx;}
.p-tb10{padding-top: 10rpx;padding-bottom: 10rpx;}
.p-tb14{padding-top: 14rpx;padding-bottom: 14rpx;}
.p-tb16{padding-top: 16rpx;padding-bottom: 16rpx;}
.p-tb20{padding-top: 20rpx;padding-bottom: 20rpx;}
.p-tb25{padding-top: 25rpx;padding-bottom: 25rpx;}
.p-tb30{padding-top: 30rpx;padding-bottom: 30rpx;}
.p-tb40{padding-top: 40rpx;padding-bottom: 40rpx;}

.p-lr10{padding-left: 10rpx;padding-right: 10rpx;}
.p-lr16{padding-left: 16rpx;padding-right: 16rpx;}
.p-lr20{padding-left: 20rpx;padding-right: 20rpx;}
.p-lr24{padding-left: 24rpx;padding-right: 24rpx;}
.p-lr30{padding-left: 30rpx;padding-right: 30rpx;}
.p-lr40{padding-left: 40rpx;padding-right: 40rpx;}

/*margin大小*/
.m-16{margin: 16rpx;}
.m-20{margin: 20rpx;}
.m-30{margin: 30rpx;}
.m-40{margin: 40rpx;}

.m-t10{margin-top: 10rpx;}
.m-t16{margin-top: 16rpx;}
.m-t20{margin-top: 20rpx;}
.m-t30{margin-top: 30rpx;}
.m-t40{margin-top: 40rpx;}

.m-b10{margin-bottom: 10rpx;}
.m-b16{margin-bottom: 16rpx;}
.m-b20{margin-bottom: 20rpx;}
.m-b25{margin-bottom: 25rpx;}
.m-b30{margin-bottom: 30rpx;}
.m-b40{margin-bottom: 40rpx;}
.m-b50{margin-bottom: 50rpx;}

.m-r6{margin-right: 6rpx;}
.m-r10{margin-right: 10rpx;}
.m-r16{margin-right: 16rpx;}
.m-r20{margin-right: 20rpx;}
.m-r30{margin-right: 30rpx;}
.m-r40{margin-right: 40rpx;}

.m-l10{margin-left: 10rpx;}
.m-l16{margin-left: 16rpx;}
.m-l20{margin-left: 20rpx;}
.m-l30{margin-left: 30rpx;}
.m-l40{margin-left: 40rpx;}

.m-tb10{margin-top: 10rpx;margin-bottom: 10rpx;}
.m-tb16{margin-top: 16rpx;margin-bottom: 16rpx;}
.m-tb20{margin-top: 20rpx;margin-bottom: 20rpx;}
.m-tb30{margin-top: 30rpx;margin-bottom: 30rpx;}
.m-tb40{margin-top: 40rpx;margin-bottom: 40rpx;}

.m-lr10{margin-left: 10rpx;margin-right: 10rpx;}
.m-lr16{margin-left: 16rpx;margin-right: 16rpx;}
.m-lr20{margin-left: 20rpx;margin-right: 20rpx;}
.m-lr30{margin-left: 30rpx;margin-right: 30rpx;}
.m-lr40{margin-left: 30rpx;margin-right: 40rpx;}

/*字体大小*/
.size-16{font-size: 16rpx;}
.size-20{font-size: 20rpx;}
.size-22{font-size: 22rpx;}
.size-24{font-size: 24rpx;}
.size-26{font-size: 26rpx;}
.size-28{font-size: 28rpx;}
.size-30{font-size: 30rpx;}
.size-32{font-size: 32rpx;}
.size-34{font-size: 34rpx;}
.size-36{font-size: 36rpx;}
.size-38{font-size: 38rpx;}
.size-40{font-size: 40rpx;}
.size-44{font-size: 44rpx;}
.size-48{font-size: 48rpx;}
.size-64{font-size: 64rpx;}

/*边框*/
.bor-f1{border: 1rpx solid #ffffff;}
.bor-f2{border: 2rpx solid #ffffff;}
.bor-solid-2{border: 2rpx solid #E5E5E5;}
.bor-dashed-1{border: 1rpx dashed #E5E5E5;}
.bor-dashed-2{border: 2rpx dashed #E5E5E5;}
.bor-bottom-1{border-bottom: 1rpx solid #E5E5E5;}
.bor-255{border: 2rpx solid rgba(255,255,255,0.7);}

.view_line{height: 1rpx;background: #CCCCCC;}

/*圆角*/
.r-8 {border-radius: 8rpx;}
.r-10 {border-radius: 10rpx;}
.r-12 {border-radius: 12rpx;}
.r-14 {border-radius: 14rpx;}
.r-16 {border-radius: 16rpx;}
.r-20 {border-radius: 20rpx;}
.r-30 {border-radius: 30rpx;}
.r-40 {border-radius: 40rpx;}
.r-100 {border-radius: 100rpx;}
.r-circle{border-radius: 50%;}

/*宽高*/
.wh-14{width: 14rpx;height: 14rpx;display: block;}
.wh-25{width: 25rpx;height: 25rpx;display: block;}
.wh-30{width: 30rpx;height: 30rpx;display: block;}
.wh-60{width: 60rpx;height: 60rpx;display: block;}
.wh-80{width: 80rpx;height: 80rpx;display: block;}
.wh-90{width: 90rpx;height: 90rpx;display: block;}
.wh-100{width: 100rpx;height: 100rpx;display: block;}
.wh-110{width: 110rpx;height: 110rpx;display: block;}
/*宽高*/
.line-30{line-height: 30rpx;}
.line-34{line-height: 34rpx;}
.line-40{line-height: 40rpx;}
.line-100{line-height: 100rpx;}

/*阴影*/
.box-shadow-197{box-shadow: 0 0 10px rgba(197,197,197,0.25);}

/*字体大小*/
.sys-size-16 {
	font-size: 16rpx;
}

.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-40 {
	font-size: 40rpx;
}

.sys-size-44 {
	font-size: 44rpx;
}

.sys-size-48 {
	font-size: 48rpx;
}

.sys-size-64 {
	font-size: 64rpx;
}

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

.sys-weight-400 {
	font-weight: 400;
}

.sys-weight-500 {
	font-weight: 500;
}


/* box 圆角 */
.sys-radius-4 {
	border-radius: 4rpx;
}

.sys-radius-8 {
	border-radius: 8rpx;
}

.sys-radius-12 {
	border-radius: 12rpx;
}

.sys-radius-16 {
	border-radius: 16rpx;
}

.sys-radius-10 {
	border-radius: 10rpx;
}

.sys-radius-20 {
	border-radius: 20rpx;
}

.sys-radius-30 {
	border-radius: 30rpx;
}

.sys-radius-50 {
	border-radius: 50rpx;
}

.sys-radius-100 {
	border-radius: 100rpx;
}

.sys-radius-200 {
	border-radius: 200rpx;
}


/*按钮样式*/
.sys-selected-but {
	text-align: center;
	transition: .5s ease;
	opacity: 1;
}

.sys-unselected-but {
	opacity: 0.5;
	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 !important;
}

.sys-webkit-box-3 {
	-webkit-line-clamp: 3 !important;
}


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


.sys-tab-height {
	height: 134rpx;
}