websoft-uniapp/utils/app.scss

/*每个页面公共css */
page {
	background-color: #f0f2f5;
}


/* 单元格 */
.web-cell {
	display: flex;

	&:not(.web-cell-align-top) {
		align-items: center;
	}

	&.web-cell-align-bottom {
		align-items: flex-end;
	}

	&>.web-cell-content {
		flex: 1;
		box-sizing: border-box;
		padding-left: 12rpx;
	}

	.web-cell-title {
		color: #333333;
		font-size: 15px;
	}

	.web-cell-desc {
		color: #cfcfcf;
		font-size: 13px;
		margin-top: 4px;
	}
}

.web-text {}

.web-text-heading {
	color: #333333;
}

.web-text-secondary {
	color: #333333;
	opacity: 0.45;
}

.web-text-placeholder {
	color: #cfcfcf;
}

.web-text-primary {
	color: #0000ff;
}

.web-text-success {
	color: #3C8618;
}

.web-text-warning {}

.web-text-danger {
	color: #ff0000;
}

.web-text-info {}

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

.web-text-left {
	text-align: left;
}

.web-text-right {
	text-align: right;
}

.web-text-delete {}

.web-text-small {}

.web-bg-primary {}

.web-bg-success {}

.web-bg-warning {}

.web-bg-danger {}

.web-bg-info {}

.web-bg-white {}

.web-bg-base {}

.web-border-primary {}

.web-border-success {}

.web-border-warning {}

.web-border-danger {}

.web-border-info {}

.web-pull-left {
	float: left;
}

.web-pull-right {
	float: right;
}

.web-clear {
	clear: both;
}

.web-clear-after {}

.em {}

.s {}

.web-elip {}

.web-block {}

.web-inline-block {}

.web-inline {}

.web-fluid {}

.web-body {}

.web-body-card {}

.web-btn-icon {}

.web-pop-wrap-higher {}

.web-scrollbar-mini {}

.web-scrollbar-hide {}

.web-scrollbar-hover {}

.web-form-detail {}

.web-bottom-tool {}

.web-bottom-tool-actions {}

.web-table {}

.web-table-stripe {}

.web-table-border {}

.web-table-medium {}

.web-table-small {}

.web-table-mini {}

.web-table-active {}

.web-divider{
	border: 1rpx solid #cfcfcf;
	height: 10px;
	width: 10px;
}


@media only screen and (max-width: 576px) {
  .hidden-xs-only {
    display: none !important;
  }
}

@media only screen and (min-width: 576px) {
  .hidden-sm-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 575px) {
  .hidden-sm-only {
    display: none !important;
  }
}

@media only screen and (max-width: 575px) {
  .hidden-sm-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .hidden-md-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hidden-md-only {
    display: none !important;
  }
}

@media only screen and (max-width: 991px) {
  .hidden-md-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) {
  .hidden-lg-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg-only {
    display: none !important;
  }
}

@media only screen and (max-width: 1199px) {
  .hidden-lg-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 1200px) {
  .hidden-xl-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .hidden-xl-only {
    display: none !important;
  }
}

@media only screen and (max-width: 1599px) {
  .hidden-xl-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 1600px) {
  .hidden-xxl-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1999px) {
  .hidden-xxl-only {
    display: none !important;
  }
}

@media only screen and (max-width: 1999px) {
  .hidden-xxl-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 2000px) {
  .hidden-xxxl-only {
    display: none !important;
  }
}