.saixuan {
	margin: 0 20upx;
}

.f20 {
	font-size: 20upx
}

.f36 {
	font-size: 36upx
}

.f40 {
	font-size: 40upx
}

.mr10 {
	margin-right: 10upx;
}

.mr20 {
	margin-right: 20upx;
}

.f30 {
	font-size: 30upx;
}

.f30b {
	font-size: 30upx;
	font-weight: bold;
}

.mb12 {
	margin-bottom: 12upx;
}

.mt4 {
	margin-top: 4upx;
}

.mt30 {
	margin-top: 30upx;
}

.radiued {
	border-radius: 10upx;
}

.bottom-fixed {
	display: flex;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	display: flex;
	border-top: 1px solid #eee;
}

.bottom-fixed button {
	flex: 1;
	border-radius: 0;
	height: 80upx;
	font-size: 32upx
}

.dy-scroll {
	position: relative;
	background-color: #FFFFFF;
}

.dy-scroll-nobg {
	position: relative;
}

.line {
	height: 8upx;
	background-color: #f1f1f1;
}

.p20 {
	padding: 20upx;
}

.p201 {
	padding: 20upx 90upx 20upx 20upx;
}

.top-fixed {
	position: fixed;
	z-index: 999;
	width: 100%;
}

.select-fixed {
	position: fixed;
	z-index: 1;
	width: 100%;
}

/* 抽屉 */
.de-drawer {
	padding: 0 0upx;
}

.de-drawer-bottom {
	display: flex;
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 80upx;
}

.de-drawer-bottom .done-btn {
	flex: 3;
}

.de-drawer-bottom .cz-btn {
	flex: 1;
}

.de-drawer-bottom .cu-btn {
	width: 100%;
	font-size: 24upx;
	height: 80upx;
	flex: 1;
}

.de-drawer-content {
	padding: 20upx;

}

.de-drawer-nr .cu-btn {
	text-align: left !important;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 12upx;
	height: auto;
	line-height: 1.4;
}

/* 时间段搜索固定头部 */
.search-time-box {
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 20upx 20upx 10upx 20upx;
}

.safe-style {
	border: 1upx solid #efefef;
	padding-left: 10upx;
	border-radius: 6upx;
	margin-top: 20upx;
}

.time-style {
	border: 1upx solid #efefef;
	padding-top: 10upx;
	padding-bottom: 10upx;
	padding-left: 10upx;
	border-radius: 6upx;
	flex: 1;
}

.time-style input,
.safe-style input {

	font-size: 24upx
}

.input-style {
	border: 1upx solid #efefef;
	padding-top: 10upx;
	padding-bottom: 10upx;
	padding-left: 20upx;
	border-radius: 6upx;
	width: 100%;
	margin-top: 20upx;
	position: relative;
}

.input-style::after {
	position: absolute;
	right: 15upx;
	top: 28upx;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border: 8upx solid rgba(0, 0, 0, 0);
	border-top-color: #888;

}

.bb-default {
	border-bottom: 1upx solid #F1F1F1;
}

.fenge {
	margin: 0 10upx;
}

/* 用户注册 */
.register {
	margin: 60upx 40upx;
	display: flex;
	flex-direction: column;
}

.register .reg-form {
	display: flex;
	align-items: center;
	margin-bottom: 40upx;
	justify-content: space-between;
}

.reg-input {
	flex: 1;
}

.reg-btn {
	margin-left: 20upx;
}

.reg-btn button {
	font-size: 24upx;
	height: 56upx;
}

.reg-icon {
	margin-right: 20upx;
}

.reg-icon .lg {
	font-size: 46upx;
	color: #aaa;
}

.reg-input input {
	border-bottom: 1px solid #aaa;
	width: 100%;
	height: 80upx;
}

.code-form {
	width: 450upx;
	height: 450upx;
	margin: 50upx 0;
}

.code-form image {
	width: 100%;
	height: 100%;
}

/* 定义检查项 */
.check-items-title {
	background-color: #FFFFFF;
	margin: 40upx 20upx 0upx 20upx;
	padding: 36upx 20upx 30upx 20upx;
	position: relative;
	border-radius: 6upx;
}

.check-items-title .check-items-tag {
	position: absolute;
	background-color: green;
	color: #fff;
	top: -20upx;
	padding: 2upx 20upx;
	border-radius: 6upx;
}

.check-items-text {
	font-size: 32upx;
}

.check-items {
	background-color: #FFFFFF;
	margin: 20upx;
	padding: 20upx;
	border-radius: 6upx;
}

.check-items .title {
	font-size: 30upx;
	line-height: 2;
	color: #666;
}

.check-items-select .select {
	position: relative;
	display: flex;
	align-items: center;
}

.check-items-select .select text {
	font-size: 30upx;
	color: #666;
}

.check-items-select .select .unqualified {
	position: absolute;
	right: -56upx;
	top: -10upx;
	width: 50upx;
	height: 60upx;
}

/* 定义详情 */
.de-card-list {
	border-radius: 10upx;
}

.cu-tip {
	height: 60upx;
	color: #FF5A5F;
	padding-left: 30upx;
}

.de-title {
	padding: 16upx 10px 10px 28upx;
	border-bottom: 1upx solid #F1F1F1;
}

.de-list {
	margin: 20upx;
	background-color: #fff;
}

.de-sub-title {
	width: 150upx;
}

.de-sub-content {
	margin-top: 15upx;
	line-height: 1.3;
}

.de-item {
	position: relative;
	display: flex;
	padding: 20upx 25upx;
	justify-content: space-between;
}

.de-department {
	position: relative;
	display: flex;
	padding: 20upx 25upx;
	flex-wrap: wrap;
}

.de-department .cu-tag {
	margin-left: 0;
	margin-right: 20upx;
	margin-bottom: 20upx;
}

.de-item-nopd {
	position: relative;
	display: flex;
	padding: 12upx 25upx;
	justify-content: space-between;
}

.de-item-sp {
	position: relative;
	padding: 20upx 25upx;
}

.de-item:last-child:after,
.de-item-sp:last-child:after {
	border: none
}

.de-item:after,
.de-item-nopd:after,
.de-item-sp:after {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	border-bottom: 1upx solid #ddd;
	border-radius: inherit;
	content: " ";
	transform: scale(.5);
	transform-origin: 0 0;
	pointer-events: none
}

.cu-form-p .nav,
.de-sub-content .nav {
	padding-top: 10upx;
}

.cu-form-p .cu-item,
.de-sub-content .nav .cu-item {
	display: flex;
	flex-direction: column;
	display: inline-block;
	line-height: 1;
	padding: 0;
	margin-right: 20upx;
	margin-left: 0;
}

.cu-form-p .nav .cu-item .imgs,
.de-sub-content .nav .cu-item .imgs {
	width: 240upx;
	height: 180upx;
	border: 1upx solid #f0f0f0;
}

.cu-form-p .nav .cu-item .imgs image,
.de-sub-content .nav .cu-item .imgs image,
.photos .nav .cu-item .imgs image {
	width: 100%;
	height: 100%;
}

/* 自定义列表 */
.dy-list {
	background: #fff;
	margin-top: 2upx;
}

.dy-list-item {
	border-bottom: 1upx solid #f1f1f1;
	position: relative;
}

.dy-title {
	font-size: 30upx;
}

.dy-title-flex {
	display: flex;
	justify-content: space-between;
	font-size: 30upx;
}

.dy-tag {
	margin-top: 20upx;
}

.dy-subtitle {
	color: #888;
	font-size: 26upx;
	margin-top: 10upx;
}

.dy-btns .cu-btn {
	height: 24px;
	font-size: 24upx
}

.dy-subtitle-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #888;
	font-size: 26upx;
	margin-top: 10upx;
}

.dy-content {
	margin-top: 20upx;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.dy-content view {
	margin-right: 20upx;
	font-size: 26upx
}

.dy-content .cu-tag {
	font-size: 24upx
}

.dy-content.arrow {
	padding-right: 90upx
}

.dy-list-item.arrow:before {
	position: absolute;
	top: 0;
	right: 30upx;
	bottom: 0;
	display: block;
	margin: auto;
	width: 30upx;
	height: 30upx;
	color: #b4b4b4;
	content: "\e6a3";
	text-align: center;
	font-size: 34upx;
	font-family: cuIcon;
	line-height: 30upx
}


/* 暂无数据 */
.dy-null {
	padding-top: 50upx;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.dy-null-title {
	color: #a6afc0;
}

.dy-null-img {
	width: 300upx;
	height: 300upx;
}

.dy-null image {
	width: 100%;
	height: 100%;
}

/* 首页样式 */

.banner {
	height: 320upx;
	width: 100%;
	padding: 20upx;
	background: #f7f8f8;
	margin-top: 90upx;
}

.banner .search {
	z-index: 9999;
	position: absolute;
	width: 100%;
	padding-right: 26upx;
}

.banner .icon-ui {
	color: #fff;
	font-size: 42upx;
}

.banner_img {
	width: 100%;
	height: 100%;
	border-radius: 20upx;

}

.banner_img image {
	width: 100%;
	height: 100%;
	border-radius: 20upx;
}

.home-apps {
	background-color: #fff;
	padding: 30upx 10upx;
	border-radius: 10upx;
}

.home-work {
	margin-top: 20upx;
	background-color: #fff;
	padding: 20upx;
}

.home-apps-list {
	display: flex;
}

.home-apps-list+.home-apps-list {
	margin-top: 20upx;
}

.home-apps-item {
	/*flex: 1;*/
	flex-grow: 0;
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.home-apps-item .text {
	margin-top: 10upx;
}

.home-apps-item-img {
	width: 80upx;
	height: 75upx;
}

.home-apps-item-img image {
	width: 100%;
	height: 100%;
}

.home-work-title {
	margin: 0upx;
	display: flex;
	justify-content: space-between;
}

.home-work-title .title {
	display: flex;
	align-items: center;
	margin-bottom: 20upx;

}

.home-work-title .title .q_title {
	height: 31upx;
	width: 8upx;
	background-color: #18a3ff;
	border-radius: 20upx;
	margin-right: 10upx;
}

.home-work-title .this-date {
	line-height: 84upx;
}


.work-list .work-box {
	display: flex;
	flex-wrap: wrap;

}
.work-list .work-box .swiper-item{
	width: 31%;
	margin-bottom: 20upx;
	margin-right: 15upx;
}



.work-border {
	border-radius: 20upx;
	border: 1px solid #eaeaea;
	width: 80upx;
	height: 80upx;
	text-align: center;
	line-height: 80upx;
	font-size: 42upx;
}


	 .job-list{
	width: 100%;
	background: #fbf9f9;
	display: flex;
	padding: 10upx;
	border-radius: 10upx;
	align-items: center;
	 }
	.job-list-img{
		  width: 60upx;
		  height: 60upx;
	 }
	 .job-list-img image{
		 width: 60upx;
		 height: 60upx;

	  }
	 .job-list-main{
		 flex: 1;
		 padding-left: 20upx;

	 }
	 .job-list-num{
		 font-size: 30upx;
		 color: #213453;
		 font-weight: bold;
	 }



.home-date {
	background-color: #fff;
	margin-top: 20upx;
	padding: 20upx;
}

.home-date-list {}

.home-date-list .qd-date {
	display: flex;
	align-items: center;
	height: 140upx;
	border-bottom: 1px solid #F1F1F1;
}

.home-date-list .qd-tag {
	display: flex;
	flex-direction: column;
	color: #fff;
	width: 40upx;
	font-size: 20upx;
	padding-top: 10upx;
	padding-bottom: 10upx;
	padding-left: 9upx;
}


.home-date-list .qd-date .qd-date-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.home-date-list .qd-date .qd-date-item .date {
	font-size: 40upx
}

.home-date-list .qd-date .qd-date-item .name {
	color: #9f9f9f;
}


/* 树形选择器 */
.picker-tree-select {
	display: flex;
	border: 1upx solid #ccc;
	padding: 12upx;
	margin: 20upx;
	border-radius: 6upx;
	color: #88;
}

.picker-tree-box {
	min-width: 0;
	flex: 1;
	position: relative;
	text-align: right;
}

.picker-tree {
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-align: right;
	padding-right: 40upx;

}

.cu-form-group .picker-tree::after {
	font-family: cuIcon;
	display: block;
	content: "\e6a3";
	position: absolute;
	font-size: 17px;
	color: #8799a3;
	line-height: 50px;
	width: 30px;
	text-align: center;
	top: -15px;
	right: -10px;
	margin: auto;
}

/* 隐患整改新增 */
.add_pard_box {
	padding-top: 20upx;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
}

.add_pard_btns {
	display: flex;
	justify-content: flex-end;
}

.add_pard_b {
	width: 140upx;
}

.add_pard_item {
	border: 1px dashed #dfdfdf;
	margin: 0upx 30upx;
	margin-top: 30upx;
	position: relative;
}

.add_pard_item:nth-child(2) {
	margin-top: 20upx;
}

.add_pard_item:last-child {
	margin-bottom: 24upx;
}

.add_pard_del {
	position: absolute;
	top: -24upx;
	left: -20upx;
}

/* 检查信息新增 */
.ace-list {
	background-color: #FFFFFF;
}

.ace-title {
	display: flex;
	height: 100upx;
	justify-content: space-between;
	align-items: center;
	padding: 0 30upx;
}

.ace-content {
	padding: 20upx;
	border-top: 1upx solid #F1F1F1;
}

.acb-content {
	padding-bottom: 20upx;
	border-top: 1upx solid #F1F1F1;
}


/* 云学堂 */
.sbanner {
	width: 100%;
	background-color: #3875f6;
	padding-top: 10upx;
}

.simgs {
	width: 100%;
	height: 272upx;
}

.sbanner image {
	width: 100%;
	height: 100%;
}

.study-apps {
	display: flex;
	justify-content: space-between;
	padding: 24upx 24upx 10upx 24upx;
	background-color: #fff;
}

.study-apps-item {
	width: 336upx;
	height: 147upx;
}

.study-apps-item image {
	width: 100%;
	height: 100%;
}
.slist-tabs{
	padding: 20upx 20upx 24upx 20upx;
	background-color: #fff;
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
}
.slist-tabs .cu-item{
	       font-size: 12px;
	       vertical-align: middle;
	       position: relative;
	       display: -webkit-inline-box;
	       display: -webkit-inline-flex;
	       display: inline-flex;
	       -webkit-box-align: center;
	       -webkit-align-items: center;
	       align-items: center;
	       -webkit-box-pack: center;
	       -webkit-justify-content: center;
	       justify-content: center;
	       -webkit-box-sizing: border-box;
	       box-sizing: border-box;
	       padding: 0px 8px;
	       height: 24px;
	       font-family: Helvetica Neue, Helvetica, sans-serif;
	       white-space: nowrap;
		   background-color: #f1f1f1;
		   border-radius: 6upx;
		   margin-left: 30upx;
}
.slist-tabs .cur{
	background-color: #0081ff;
}
.slist-tabs .cu-item:first-child{
	margin-left: 0;
}
.slist {
	padding: 0upx 24upx 24upx 24upx;
	background-color: #fff;
}

.slist-item {
	display: flex;
	padding: 18upx 0;
	border-bottom: 1upx solid #ccc;
}

.slist-item:first-child {
	padding-top: 0;
}

.slist-item:last-child {
	border-bottom: 0;
}

.slist-right {
	flex: 1;
	margin-left: 30upx;
}

.slist-right .slist-title {
	font-weight: bold;
	line-height: 2;
}

.slist-img {
	width: 291upx;
	height: 166upx;
}

.slist-img image {
	width: 100%;
	height: 100%;
}

.sbox {
	background-color: #fff;
	margin-top: 8upx;
	padding-bottom: 20upx;
}

.alltitle {
	padding: 20upx;
}

.alltitle .title {
	font-size: 30upx;
	font-weight: bold;
	border-left: 8upx solid #007AFF;
	padding-left: 20upx;
}

.alltitle .state {
	display: flex;
	margin-top: 20upx;
	padding-left: 30upx;
}

.textx+.textx {
	margin-left: 30upx;
}

.scard {
	border: 1upx solid #ccc;
	margin: 0 20upx;
	border-radius: 8upx;
}

.scard .scard-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16upx;
	border-bottom: 1upx solid #ccc;
}

.scard-content {
	display: flex;
	align-items: center;
	padding: 20upx;
}

.video-study+.video-study {
	margin-left: 40upx;
}


.svideol {
	background-color: #fff;
	margin-top: 8upx;
}

.svideol .sitem {
/* 	height: 50px;
	line-height: 50px; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30upx;
	border-bottom: 1upx solid #ccc;
}

.svideol .sitem:last-child {
	border: none;
}

.sleft {
	display: flex;
	align-items: center;
	flex: 1;
}

.sright {
	text-align: right;
	width: 160upx;
}

.tcl_box{
	background-color: #fff;
	margin-top: 8upx;
}
.tcl_box .tcl_time{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10upx;
	padding-left: 38upx;
}
.tcl_box .tcl_time .tcl_text text{
	color: #808080;
}

.tcl_box .tcl_item{
	padding: 30upx;
	border-bottom: 1upx solid #ccc;
}


/* 首页隐患 */
.home-hidden {
	margin-top: 20upx;
	background-color: #fff;
	padding: 20upx;
}


/* 新增样式表 */
.wui-p20 {
	padding: 20upx;
}

.wui-pl10 {
	padding-left: 10upx;
}

.wui-mt10 {
	margin-top: 10upx;
}

.group-picker {
	justify-content: start;
}

.wui-form-list {
	background-color: #FFFFFF;
	border-radius: 10upx;
	margin: 20upx;
}

.wui-form-title {
	padding: 30upx;
	color: #808080;
	border-bottom: 1upx solid #eee;
}

.wui-form-list .cu-form-group .title {
	font-weight: bold;
	color: #000000;
	font-size: 28upx;
	/* white-space: nowrap; */
}

.wui-form-list .cu-form-group input {
	color: #808080;
	font-size: 28upx
}

.wui-form-list .cu-form-group {
	color: #808080;
	font-size: 28upx
}

.wui-form-list .cu-form-group:first-child {
	border-radius: 10upx 10upx 0 0;
}

.wui-form-list .cu-form-group:last-child {
	border-radius: 0 0 10upx 10upx;
}

.wui-sub-title {
	font-weight: bold;
	font-size: 30upx;
	line-height: 1.4;
	margin-bottom: 0upx;
	border-bottom: 1px solid #eee;
	padding: 20upx;
}

.wui-sub-title text {
	border-left: 8upx solid #1d82fe;
	padding-left: 20upx;
}

.wui-form-list .wui-title {
	border-left: 8upx solid #1d82fe;
	padding-left: 20upx;
	font-weight: bold;
	font-size: 30upx;
	line-height: 1.4;
	margin-bottom: 20upx;
}

.wui-table {}

.wui-table .wui-radio-group {
	display: flex;
}

.wui-table .wui-radio-col {
	flex-direction: column;
}

.group+.group {
	margin-left: 10upx;
}


.wui-radio-group radio {
	transform: scale(0.9);
}

/* 签字图片 */
.wui-sign {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20upx;
	border-bottom: 1upx dashed #eee;
}

.wui-sign .title {
	font-weight: bold;
}

.wui-sign-box {
	display: flex;
	padding: 0 20upx;
	align-items: center;
}

.wui-sign-box .sign-title {
	width: 300upx;
	display: block;
	color: #888;
	white-space: nowrap;
}

.wui-sign-box .wui-sign-cotent {
	/* border: 1px solid green; */
}

.wui-sign-box .wui-sign-cotent .sign-img {
	/* border: 1px solid yellow; */
}

.wui-sign-box .wui-sign-cotent .sign-img image {
	width: 500upx;
	height: 300upx;
}

.cu-form-textarea {
	border-bottom: 1px solid #eee;
	border-top: 1upx solid #eee;
}

.cu-form-textarea .title,
.cu-form-textarea .cu-form-title {
	font-size: 28upx;
	font-weight: bold;
	padding: 20upx;
	padding-left: 30upx;
}

.cu-form-p {
	font-size: 28upx;
	padding-left: 30upx;
	color: #808080;
	padding: 0 30upx 30upx 30upx;
}

.cu-form-textarea textarea {
	font-size: 28upx;
	padding-left: 30upx;
	padding-right: 30upx;
	color: #808080;
	height: 160upx;
	min-height: 160upx;
	width: 100%;
}

/* 卡片视图 */
.vi-card {
	margin: 20upx;
}

.vi-card-items {
	background-color: #fff;
	border-radius: 16upx;
	padding: 20upx 30upx 20upx 30upx;
	margin-bottom: 20upx;
	line-height: 2;
	position: relative;
}

.vi-card-items .vi-card-title {
	font-size: 30upx;
	font-weight: bold;
}

.vi-card-items .vi-card-content {
	font-size: 26upx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10upx;
}

.vi-card-items .vi-card-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cu-form-group .in_title {
	padding-right: 30upx;
	font-size: 28upx;
	line-height: 60upx;
	color: #000;
	font-weight: bold;
	margin: 20upx 0;
}

.wui-border {
	/*border: 1px solid #eee*/
}

.cu-form-group .cleared {
	position: relative;
	top: -20upx;
	left: -10upx;
	padding: 0 20upx;
	border-radius: 100upx;
	background-color: #4edab7;
	font-size: 20upx;
	color: #fff;
	display: block;
}

/* 安全承诺 */
.sure-box {
	padding: 30upx;
}

.sure-h1 {
	font-size: 34upx;
	font-weight: bold;
	color: #000;
	text-align: center;
	height: 60upx;
}

.sure-title {
	border-left: 8upx solid #1d82fe;
	padding-left: 20upx;
	font-weight: bold;
	font-size: 32upx;
	margin: 20upx 0;
}

.sure-form {
	border: 1px solid #eee;
	padding: 20upx;
	font-size: 30upx;
	color: #313131;
}

.sure-sub-title {
	font-size: 30upx;
	line-height: 1.4;
	padding: 10upx;
	background-color: #F1F1F1;
	margin-bottom: 10upx;
}

.sure-content {
	margin-bottom: 10upx;
}

.sure-p {
	line-height: 1.8;
}

.sure-textarea .sure-mark {
	color: #0066CC;
}

.sure-textarea textarea {
	height: auto;
	font-size: 30upx;
	margin-top: 10upx;
}

.sure-p .sure-mark {
	color: #0066CC;
	padding: 0 10upx;
}

.sure-name {
	display: flex;
	align-items: center;
	margin: 20upx 0;
}

.sure-name .text-grey {
	width: 200upx;
}

.sure-name image {
	height: 260upx;
}


.ty-group {
	padding: 24upx 30upx;
	border-bottom: 1px solid #eee;
}

.ty-group:last-child {
	border-bottom: none
}

.ty-group .title {
	font-weight: bold;
	color: #000;
}

.ty-group {
	color: #808080;
}

.waring {
	background-color: #F43F3B;
	color: #fff;
	height: 45upx;
	line-height: 45upx;
	padding-left: 20upx;
}


/* 学习园地 */
.tasks-bg {
	position: relative;
	margin: 10px 10px 0 10px;
}

.tasks-bg .tasks-content {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height:80px;
}

.tasks-bg .stripes {
	position: absolute;
	top: 0;
	z-index: -1;
	height: 80px;
	width: 100%;
	background: linear-gradient(to top, #2684ff, #0065ff);
	border-radius: 10px;
}



.tasks-top {
	display: flex;
	justify-content: space-between;
	padding: 20upx;
	margin: 20upx;
	width: 90%;
}

.tasks-top .tasks-nr {
	text-align: center;
	color: #fff;
}

.tasks-warp {
	padding: 20upx;
}

.tasks-warp .tasks-item {
	background-color: #fff;
	border-radius: 10upx;
	padding: 20upx 30upx;
	margin-top: 20upx;
}

.tasks-warp .tasks-item:first-child {
	margin-top: 0;
}

.tasks-warp .tasks-item .title {
	font-size: 30upx;
	font-weight: bold;
}

.tasks-warp .tasks-item .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tasks-warp .tasks-item .flex .tasks-time {
	color: #808080;
}

.tasks-warp .tasks-item .tasks-state {
	margin: 16upx 0 10upx 0;
}

.tasks-warp .tasks-item .tasks-state,
.tasks-warp .tasks-item .flex .tasks-time {
	color: #808080;
}