phone_uni/static/css/common.scss

// @import './iconfont.css';
$primary-color: rgba(#07c160,0.8);
$active-color:#AFF2FD;;

$sub_clor:#3491FA;
$bg-color:#f5f5f5;
$bg-color-2:#f5f6f8;
$bg-color-3: #ecfbf4;

$font-size-sm:30rpx;
$font-size-xl:28rpx;
$font-size-mxl:26rpx;
$font-size-smm:24rpx;
$font-size-smmm:22rpx;

$sidebar-shadow:1px 1px 8px #{rgba(#1D2329,0.15)};
$box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
$box-shadow-2: 0 0 3px rgba(0, 0, 0, 0.05);

$text-one:#000000;
$text-color:#262626;
$text-color-sub:#889191;
$sub-text-color:rgba(0, 0, 0, 0.65);
$sm-color:rgba(0, 0, 0, 0.5);

$border-color:#e1e1e1;

@mixin flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}



@mixin wrap{
	word-wrap:break-word;
	word-spacing:normal;
	word-break: break-all;
}

/* 盒子布局 */
.flx-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flx-justify-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flx-justify-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flx-align-center {
  display: flex;
  align-items: center;
}
.font-end {
  text-align: end;
}

/* 外边距、内边距全局样式 */
@for $i from 6 through 30 {
	.m#{$i}{
		margin: #{$i}px !important;
	}
  .mt#{$i} {
    margin-top: #{$i}px !important;
  }
  .mr#{$i} {
    margin-right: #{$i}px !important;
  }
  .mb#{$i} {
    margin-bottom: #{$i}px !important;
  }
  .ml#{$i} {
    margin-left: #{$i}px !important;
  }
  .p#{$i}{
  	padding: #{$i}px !important;
  }
  .pt#{$i} {
    padding-top: #{$i}px !important;
  }
  .pr#{$i} {
    padding-right: #{$i}px !important;
  }
  .pb#{$i} {
    padding-bottom: #{$i}px !important;
  }
  .pl#{$i} {
    padding-left: #{$i}px !important;
  }
}

.border_bottom{
	border-bottom:1rpx solid $border-color;
}

.section_icon{
	width: 6rpx;
	height: 36rpx;
	background-color: #000000;
}
// 多选样式
.checkbox_box {
	display: flex;
	align-items: center;
	font-size: 24rpx;
	::v-deep(.uni-checkbox-wrapper) {
		.uni-checkbox-input {
			border-radius: 50% !important;
		}
	}
	.checkbox_box_text{
		color: $text-color-sub;
	}
	.checkbox_box_supplementary{
		color: $primary-color;
	}
}

.content {
		position: relative;
		background: linear-gradient(32deg, #f7fbff, #f7fbff, rgb(0, 255, 255, 0.2));
		width: 100vw;
		height: 100vh;

		&::before {
			content: '';
			position: fixed;
			top: -30vw;
			right: 6vw;
			width: 50vw;
			height: 50vw;
			border-radius: 50%;
			background: rgb(0, 255, 255, 0.18);
			box-shadow: 0.3125rem 0.3125rem 20rem 20px rgba(0, 255, 255, 0.2);
		}
	}