websoft-uniapp/uni_modules/ws-common/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 {
	color: #000000;
}

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

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

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

.web-text-primary {
	color: #398ade;
}

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

.web-text-warning {
	color: #f9ae3d;
}

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

.web-text-info {
	color: #909399;
}

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

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

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

.web-text-delete {
	text-decoration: underline;
}

.web-text-small {
	font-size: 12px;
}

.web-bg-primary {
	 background-color: #398ade;
}

.web-bg-success {
	background-color: #2ba91c;
}

.web-bg-warning {
	background-color: #f9ae3d !important;
}

.web-bg-danger {
	background-color: #fc0107;
}

.web-bg-info {
	background-color: #909399;
}

.web-bg-white {
	background-color: #ffffff;
}

.web-bg-base {
	background-color: #f0f2f5;
}

.web-border-primary {
	order: 1px solid #398ade;
}

.web-border-success {
	order: 1px solid #2ba91c;
}

.web-border-warning {
	order: 1px solid #f9ae3d;
}

.web-border-danger {
	order: 1px solid #fc0107;
}

.web-border-info {
	order: 1px solid #909399;
}

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


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