403 lines
5.2 KiB
CSS
403 lines
5.2 KiB
CSS
* {
|
|
z-index: 1;
|
|
}
|
|
|
|
.content {
|
|
height: 100%;
|
|
}
|
|
|
|
.flex-par {
|
|
display: flex;
|
|
}
|
|
.align-items-c{
|
|
align-items: center;
|
|
}
|
|
.space-between{
|
|
justify-content: space-between;
|
|
}
|
|
.flex-wrap{
|
|
flex-wrap: wrap;
|
|
}
|
|
.j-c-center{
|
|
justify-content: center;
|
|
}
|
|
|
|
.flex-son {
|
|
flex: 1
|
|
}
|
|
|
|
.width-percent-100 {
|
|
width: 100%;
|
|
}
|
|
|
|
.slh {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
/* 防止文字换行 */
|
|
text-overflow: ellipsis;
|
|
/* 超出部分显示省略号 */
|
|
}
|
|
|
|
.text-c{
|
|
text-align: center;
|
|
}
|
|
|
|
.text-r {
|
|
text-align: right;
|
|
}
|
|
|
|
.float-r {
|
|
float: right;
|
|
}
|
|
|
|
.active-style:active {
|
|
opacity: .7;
|
|
}
|
|
|
|
.black-color {
|
|
color: #000000 !important;
|
|
}
|
|
|
|
.gray-color {
|
|
color: gray;
|
|
}
|
|
|
|
.orange-bk {
|
|
background-color: rgba(245, 154, 35, 1);
|
|
}
|
|
|
|
.orange-color {
|
|
color: #F59A23;
|
|
}
|
|
|
|
.blue-bk {
|
|
background-color: rgba(36, 210, 208, 1);
|
|
}
|
|
|
|
.blue-color {
|
|
color: rgba(36, 210, 208, 1);
|
|
}
|
|
|
|
.red-bk {
|
|
background-color: #D9001B;
|
|
}
|
|
|
|
.red-color {
|
|
color: #D9001B;
|
|
}
|
|
|
|
.green-bk {
|
|
background-color: #70B603;
|
|
}
|
|
|
|
.green-color {
|
|
color: #70B603;
|
|
}
|
|
|
|
.dark-green-color {
|
|
color: #4b9e95;
|
|
}
|
|
|
|
.blue-btn {
|
|
background-color: rgba(36, 210, 208, 1);
|
|
color: white;
|
|
display: inline-block;
|
|
border: 1rpx solid rgba(36, 210, 208, 1);
|
|
}
|
|
|
|
.gray-btn {
|
|
background-color: #c4c6c5;
|
|
color: white;
|
|
display: inline-block;
|
|
border: 1rpx solid #c4c6c5;
|
|
}
|
|
|
|
.blue-border-btn {
|
|
color: rgba(36, 210, 208, 1);
|
|
border: 1rpx solid rgba(36, 210, 208, 1);
|
|
background-color: white;
|
|
display: inline-block;
|
|
}
|
|
|
|
.small-btn {
|
|
font-size: 26rpx;
|
|
padding: 4rpx 10rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
.page-list-box {}
|
|
|
|
.page-list-box .list-item {
|
|
border-bottom: 1rpx solid #ddd;
|
|
padding: 20rpx 20rpx 0 20rpx;
|
|
width: 710rpx;
|
|
}
|
|
|
|
.page-list-box .list-row {
|
|
font-size: 30rpx;
|
|
height: 50rpx;
|
|
line-height: 50rpx;
|
|
|
|
}
|
|
|
|
.page-list-box .list-field {
|
|
color: #AAAAAA;
|
|
}
|
|
|
|
.page-list-box .list-field-value {
|
|
flex: 1;
|
|
color: #000000;
|
|
}
|
|
|
|
.page-list-box .list-state {}
|
|
|
|
.page-list-box .list-row-btn {
|
|
height: 70rpx;
|
|
line-height: 70rpx;
|
|
border-top: 1rpx solid #ddd;
|
|
}
|
|
|
|
.page-list-box .list-filed-2 {
|
|
color: #AAAAAA;
|
|
font-size: 27rpx;
|
|
flex: 1
|
|
}
|
|
|
|
.page-list-box .list-btn {
|
|
color: white;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
font-size: 26rpx;
|
|
padding: 0 12rpx;
|
|
margin-top: 15rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
.content {
|
|
background-color: rgba(245, 245, 245, 1);
|
|
overflow: auto;
|
|
}
|
|
|
|
.margin-l-30 {
|
|
margin-left: 30rpx;
|
|
}
|
|
|
|
.margin-b-30 {
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.form-box {
|
|
margin: 30rpx 30rpx 0 30rpx;
|
|
background-color: white;
|
|
width: 690rpx;
|
|
|
|
}
|
|
|
|
.form-title {
|
|
font-size: 36rpx;
|
|
color: #333333;
|
|
font-weight: 700;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
padding: 0 20rpx;
|
|
}
|
|
|
|
.form-title-2 {
|
|
font-size: 32rpx;
|
|
color: #333333;
|
|
font-weight: 700;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
padding: 0 20rpx;
|
|
}
|
|
|
|
.form-item {
|
|
padding: 12rpx 20rpx;
|
|
}
|
|
|
|
.form-field {
|
|
color: #000000;
|
|
padding-top: 4rpx;
|
|
padding-bottom: 4rpx;
|
|
}
|
|
|
|
.form-field2 {
|
|
color: #000000;
|
|
padding-top: 4rpx;
|
|
padding-bottom: 4rpx;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.form-info {
|
|
/* flex: 1; */
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.form-info2 {
|
|
/* flex: 1; */
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
padding-top: 4rpx;
|
|
padding-bottom: 4rpx;
|
|
vertical-align: top;
|
|
}
|
|
.form-info3 {
|
|
display: inline-block;
|
|
padding-top: 4rpx;
|
|
padding-bottom: 4rpx;
|
|
vertical-align: top;
|
|
}
|
|
.form-picker,
|
|
.form-input,
|
|
.form-textarea {
|
|
border: 1rpx solid rgba(242, 242, 242, 1);
|
|
font-size: 30rpx;
|
|
padding: 6rpx 10rpx;
|
|
}
|
|
|
|
.form-label-width-1 .form-field {
|
|
width: 150rpx;
|
|
}
|
|
|
|
/* .form-label-width-2 .form-field {
|
|
width: 300rpx;
|
|
} */
|
|
|
|
.form-label-right .form-info {
|
|
text-align: right;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.form-img-box {
|
|
width: 140rpx;
|
|
height: 140rpx;
|
|
margin: 20rpx 0 0 20rpx;
|
|
float: left;
|
|
}
|
|
|
|
.form-img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.form-btn-row {
|
|
text-align: center;
|
|
}
|
|
|
|
.form-btn-row .btn {
|
|
flex: 1;
|
|
margin: 20rpx;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
border-radius: 10rpx;
|
|
font-size: 34rpx;
|
|
}
|
|
|
|
.audit-box {
|
|
margin: 30rpx;
|
|
padding-bottom: 30rpx;
|
|
}
|
|
|
|
.audit-item {
|
|
min-height: 160rpx;
|
|
position: relative;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.audit-item::after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 2rpx;
|
|
height: calc(100% - 45rpx);
|
|
background-color: #333333;
|
|
left: 60rpx;
|
|
top: 55rpx
|
|
}
|
|
|
|
.audit-item:last-child::after {
|
|
display: none;
|
|
}
|
|
|
|
.audit-title {
|
|
width: 60%;
|
|
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.audit-right {
|
|
flex: 1
|
|
}
|
|
|
|
.audit-name {
|
|
color: #000000;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.audit-state {
|
|
margin-left: 30rpx;
|
|
}
|
|
|
|
.audit-time {
|
|
font-size: 25rpx;
|
|
color: #7F7F7F;
|
|
}
|
|
|
|
.audit-qianming {
|
|
height: 70rpx;
|
|
width: 200rpx;
|
|
}
|
|
|
|
.sc-file-box {
|
|
padding: 0 30rpx 30rpx 30rpx;
|
|
}
|
|
|
|
.sc-name {
|
|
color: #000000;
|
|
margin-bottom: 10rpx;
|
|
}
|
|
|
|
.sc-url {
|
|
color: #83adc6;
|
|
padding-left: 30rpx;
|
|
margin-bottom: 15rpx;
|
|
}
|
|
|
|
.table-cover table {
|
|
border-left: 1rpx solid #d7d7d7;
|
|
border-top: 1rpx solid #d7d7d7;
|
|
border-collapse: collapse;
|
|
width: 650rpx;
|
|
margin: 10rpx 0 30rpx 20rpx;
|
|
font-size: 30rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.table-cover th,
|
|
.table-cover td {
|
|
line-height: 60rpx;
|
|
border-right: 1rpx solid #d7d7d7;
|
|
border-bottom: 1rpx solid #d7d7d7;
|
|
}
|
|
|
|
.table-cover th {
|
|
background-color: #4fafba;
|
|
color: white;
|
|
}
|
|
|
|
|
|
/* 超出换行 */
|
|
.linxi-text-ccsl {
|
|
white-space: nowrap !important;
|
|
overflow: hidden !important;
|
|
text-overflow: ellipsis !important;
|
|
}
|
|
|
|
.alert{
|
|
width: 150px;
|
|
height: 70px;
|
|
border: 1px solid darkgray;
|
|
border-radius: 2px;
|
|
background-color: rgba(50,248,119,0.2);
|
|
} |