1460 lines
20 KiB
CSS
1460 lines
20 KiB
CSS
|
.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;
|
||
|
|
}
|