assess-app/static/css/common.css

.total-page {
	box-sizing: border-box;
	min-height: 100%;
	z-index: 1;
}

.hidden_scrollbar::-webkit-scrollbar {
	display: none;
}

.task-bg {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background-image: url('https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-nav-bg.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.page-env-20 {
	padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
}

.page-env-160 {
	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: 4;
}

.scroll_content {
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.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;
}

.row-justify-l {
	display: flex;
	flex-direction: row;
	justify-content: left;
}

.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-t6 {
	padding-top: 6rpx;
}

.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-t50 {
	margin-top: 50rpx;
}

.m-t60 {
	margin-top: 60rpx;
}

.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: 40rpx;
	margin-right: 40rpx;
}

.m-lr50 {
	margin-left: 50rpx;
	margin-right: 50rpx;
}

.m-lr60 {
	margin-left: 60rpx;
	margin-right: 60rpx;
}

/*字体大小*/
.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-20 {
	width: 20rpx;
	height: 20rpx;
	display: block;
}

.wh-25 {
	width: 25rpx;
	height: 25rpx;
	display: block;
}

.wh-30 {
	width: 30rpx;
	height: 30rpx;
	display: block;
}

.wh-36 {
	width: 36rpx;
	height: 36rpx;
	display: block;
}

.wh-45 {
	width: 45rpx;
	height: 45rpx;
	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-40 {
	line-height: 40rpx;
}

.line-60 {
	height: 60rpx;
	line-height: 60rpx;
}

.line-80 {
	height: 80rpx;
	line-height: 80rpx;
}

.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;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*文字排版*/
.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;
}