@charset "utf-8";

@mixin H1 {
  font-family: $font-family-H;
  font-size: 34px;
  line-height: 1.8;
}

@mixin H2 {
  font-family: $font-family-H;
  font-size: 24px;
  line-height: 1.8;
}

@mixin H3 {
  font-family: $font-family-H;
  font-size: 20px;
  line-height: 1.8;
}

@mixin H4 {
  font-family: $font-family-H;
  font-size: 16px;
  line-height: 1.9;
}

@mixin H5 {
  font-family: $font-family-H;
  font-size: 14px;
  line-height: 1.7;
}

@mixin A1 {
  font-family: $font-family-A;
  font-size: 14px;
  line-height: 1.4;
}

/*$A2-Blod {
  font-family: PingFangSC-Semibold;
  font-size: 12px;
  line-height: 1.7;
}*/

@mixin A2 {
  font-family: $font-family-A;
  font-size: 12px;
  line-height: 1.7;
}
[data-style-sys=ux-dropdown-button]{
	&.drop-down-button{
		//通用深色背景文字
		.drop-btn-common-style{
			text-align:center;
			min-width: 0;
			cursor:pointer;
			color: #fff;
			box-shadow:  0 1px 2px rgba(0, 0, 0, 0.3);
			transition:box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1),background-color 0.3s;
			border-radius:2px;
			background-repeat: no-repeat;
			-webkit-user-select: none;
			&:hover{
				box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
				transition:box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1),background-color 0.3s;
			}
		}
		//默认灰色
		.drop-btns-bg-gray-defalult{
			@extend .drop-btns-bg-gray;
			color:#D5E9F8;
			background-color: #9FCFF1 ;
		}
		//弱化灰色
		.drop-btns-bg-gray-weaken{
			@extend .drop-btns-bg-gray;
			color: #c2cbd1 ;
		}
		.drop-btns-bg-gray{
			text-align:center;
			min-width: 0;
			border-radius: 2px;
			background-repeat: no-repeat;
			float:left;
			-webkit-user-select: none;
			cursor:not-allowed ;
			box-shadow: none;
			&:hover{
				box-shadow:none;
			}
		}

		//小按钮
		.drop-btns-bgc-small{
			@extend .drop-btn-common-style;
			line-height: 1.7;
			font-size: 12px;
			padding: 3px 10px;
			min-width: 20px;
			background-color:$C3;
			font-family:$font-family-H;
		}
		//大按钮
		.drop-btns-bgc-big{
			@extend .drop-btn-common-style;
			font-size: 14px;
			line-height: 24px;
			padding:3px 15px;
			min-width: 30px;
			background-color:$C3;
			font-family:$font-family-H;
		}
		//弱化按钮
		.drop-btns-weaken{
			@extend .drop-btn-common-style;
			color: $M2;
			background-color: #f5f8fa;
			background-repeat: no-repeat;
		}
	}
}