/**
 * 公用基础样式
 * 
 * 当前版本：v20240812.1130
 * 更新版本：https://assets.rudon.cc/rudon/css/dynamic/
 * 
 */


/* 全屏、居中 */
.sysCoverBoxFullAndCenter {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}

/* 全屏、居中 */
.sysCoverBoxFullAndTop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
}

/**
 * hr
 */
.hr {
	border-bottom: 1px solid #000;
}

/**
 * Display
 */
.hidden,
.d-none {
	display: none;
}

.displayInlineBlock {
	display: inline-block;
}


/**
 * A
 */
.noUnderLine {
	text-decoration: none !important;
}

.textUnderLine {
	text-decoration: underline !important;
}

.textCrossLine {
	text-decoration: line-through;
}


/**
 * Flex
 * 
 * @link https://blog.csdn.net/qq285744011/article/details/123043631
 */
.rowStart {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.rowEnd {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}


.rowCenter {
	display: flex;
	flex-direction: row;
	justify-content: center;
}



.rowSpaceBetween {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}


.rowSpaceAround {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.rowSpaceEvenly {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.rowStretch {
	display: flex;
	flex-direction: row;
	justify-content: stretch;
}

.rowAlignItemsEnd {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}

/* Special for column direction */
.aliasRowDCAS,
.rowDirectionColumnAndStart {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.aliasRowDCRAS,
.rowDirectionColumnReverseAndStart {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-start;
}

/* 纵向布局, Center挤在中间 */
.aliasRowDCAC,
.rowDirectionColumnAndCenter {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* 纵向布局, space-between */
.rowDirectionColumnAndSpaceBetween {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* 纵向布局, space-around */
.rowDirectionColumnAndSpaceAround {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

/* 纵向布局, space-evenly */
.rowDirectionColumnAndSpaceEvenly {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

/* 纵向布局, end */
.rowDirectionColumnAndEnd {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

/* 纵向布局, stretch均匀排列每个元素,'auto'-sized 的元素会被拉伸以适应容器的大小 */
.rowDirectionColumnAndStretch {
	display: flex;
	flex-direction: column;
	justify-content: stretch;
}



/* 里面的多个.col容器水平放置，而且垂直方向对齐 */
.colAlignItemsCenter>.colInner {
	display: flex;
	align-items: center;
}


/* 里面的顶级容器纵向放置，而且集体在垂直方向居中 */
.rowAlignItemsCenter {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/* 加强版 - 纵向居中 + 横向flex分布 */
.rowStartAlignCenter {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.rowEndAlignCenter {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.rowMiddle,
.rowCenterAlignCenter {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.rowSpaceBetweenAlignCenter {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.rowSpaceAroundAlignCenter {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.rowSpaceEvenlyAlignCenter {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}

.rowStretchAlignCenter {
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: center;
}


/* 子元素平分父类宽度 */
.flex1,
.flex-1-1-0pct {
	flex: 1 1 0%;
}

/* 子元素各自按照自己的内容宽度 等比平分父类宽度 */
.flexAuto,
.flex-1-1-auto {
	flex: 1 1 auto !important;
}

.flex00auto,
.flex00Auto,
.flex-0-0-auto {
	flex: 0 0 auto !important;
}

/* flex布局 */
.d-flex
.displayFlex {
	display: flex!important;
}

.justifyContentCenter {
	justify-content: center;
}

.alignItemsCenter {
	align-items: center;
}

/* 自动换行 */
.flexAutoLineBreaking,
.flexFlowWrap {
	flex-flow: wrap;
}


/**
 * 文字不可选中
 */
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.selectableText {
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.selectableAll {
	-webkit-touch-callout: all;
	-webkit-user-select: all;
	-khtml-user-select: all;
	-moz-user-select: all;
	-ms-user-select: all;
	user-select: all;
}

/**
 * 背景图位置
 */
.bgPosCenter {
	background-position: center;
}


/* 子元素 */
.innerAgray a,
.innerAgray a:hover {
	color: gray;
}

.innerAblack a,
.innerAblack a:hover {
	color: black;
}

.innerDomCursorPointer>* {
	cursor: pointer;
}

.innerMediaResponsive img,
.innerMediaResponsive video {
	max-width: 100% !important;
}


/* 弹性盒子模型 flex-shrink 伸缩 */
.innerDomFlexShrink0>* {
	flex-shrink: 0;
}


.innerDomInlineBlock>* {
	display: inline-block;
}



.innerDomPaddingRow5>* {
	padding-left: 5px;
	padding-right: 5px;
}

.innerDomPaddingRow10>* {
	padding-left: 10px;
	padding-right: 10px;
}

.innerDomPaddingRow20>* {
	padding-left: 20px;
	padding-right: 20px;
}

.innerDomPaddingRow30>* {
	padding-left: 30px;
	padding-right: 30px;
}

.innerDomPaddingRow40>* {
	padding-left: 40px;
	padding-right: 40px;
}

.innerDomPaddingRow50>* {
	padding-left: 50px;
	padding-right: 50px;
}

.innerDomPaddingRow100>* {
	padding-left: 100px;
	padding-right: 100px;
}


.innerDomPaddingCol5>* {
	padding-top: 5px;
	padding-bottom: 5px;
}

.innerDomPaddingCol10>* {
	padding-top: 10px;
	padding-bottom: 10px;
}

.innerDomPaddingCol20>* {
	padding-top: 20px;
	padding-bottom: 20px;
}

.innerDomPaddingCol30>* {
	padding-top: 30px;
	padding-bottom: 30px;
}

.innerDomPaddingCol40>* {
	padding-top: 40px;
	padding-bottom: 40px;
}

.innerDomPaddingCol50>* {
	padding-top: 50px;
	padding-bottom: 50px;
}

.innerDomPaddingCol100>* {
	padding-top: 100px;
	padding-bottom: 100px;
}

/* 单边 */

.innerDomPaddingBottom5>* {
	padding-bottom: 5px;
}

.innerDomPaddingBottom10>* {
	padding-bottom: 10px;
}

.innerDomPaddingBottom20>* {
	padding-bottom: 20px;
}

.innerDomPaddingBottom30>* {
	padding-bottom: 30px;
}

.innerDomPaddingBottom40>* {
	padding-bottom: 40px;
}

.innerDomPaddingBottom50>* {
	padding-bottom: 50px;
}

.innerDomPaddingBottom100>* {
	padding-bottom: 100px;
}


.innerDomMarginRow5>* {
	margin-left: 5px;
	margin-right: 5px;
}

.innerDomMarginRow10>* {
	margin-left: 10px;
	margin-right: 10px;
}

.innerDomMarginRow20>* {
	margin-left: 20px;
	margin-right: 20px;
}

.innerDomMarginRow30>* {
	margin-left: 30px;
	margin-right: 30px;
}

.innerDomMarginRow40>* {
	margin-left: 40px;
	margin-right: 40px;
}

.innerDomMarginRow50>* {
	margin-left: 50px;
	margin-right: 50px;
}

.innerDomMarginRow100>* {
	margin-left: 100px;
	margin-right: 100px;
}


.innerDomMarginCol5>* {
	margin-top: 5px;
	margin-bottom: 5px;
}

.innerDomMarginCol10>* {
	margin-top: 10px;
	margin-bottom: 10px;
}

.innerDomMarginCol20>* {
	margin-top: 20px;
	margin-bottom: 20px;
}

.innerDomMarginCol30>* {
	margin-top: 30px;
	margin-bottom: 30px;
}

.innerDomMarginCol40>* {
	margin-top: 40px;
	margin-bottom: 40px;
}

.innerDomMarginCol50>* {
	margin-top: 50px;
	margin-bottom: 50px;
}

.innerDomMarginCol100>* {
	margin-top: 100px;
	margin-bottom: 100px;
}

/* 单边 */

.innerDomMarginBottom5>* {
	margin-bottom: 5px;
}

.innerDomMarginBottom10>* {
	margin-bottom: 10px;
}

.innerDomMarginBottom20>* {
	margin-bottom: 20px;
}

.innerDomMarginBottom30>* {
	margin-bottom: 30px;
}

.innerDomMarginBottom40>* {
	margin-bottom: 40px;
}

.innerDomMarginBottom50>* {
	margin-bottom: 50px;
}

.innerDomMarginBottom100>* {
	margin-bottom: 100px;
}


/* PlaceHolder样式 */
/* WebKit browsers */
.innerPlaceholderFontSize14 textarea::-webkit-input-placeholder,
.innerPlaceholderFontSize14 input::-webkit-input-placeholder {
	font-size: 14px;
}

/* Mozilla Firefox 4 to 18 */
.innerPlaceholderFontSize14 textarea:-moz-placeholder,
.innerPlaceholderFontSize14 input:-moz-placeholder {
	font-size: 14px;
}

/* Mozilla Firefox 19+ */
.innerPlaceholderFontSize14 textarea::-moz-placeholder,
.innerPlaceholderFontSize14 input::-moz-placeholder {
	font-size: 14px;
}

/* Internet Explorer 10+ */
.innerPlaceholderFontSize14 textarea :-ms-input-placeholder,
.innerPlaceholderFontSize14 input :-ms-input-placeholder {
	font-size: 14px;
}



.innerPlaceholderFontSize12 textarea::-webkit-input-placeholder,
.innerPlaceholderFontSize12 input::-webkit-input-placeholder {
	font-size: 12px;
}

.innerPlaceholderFontSize12 textarea:-moz-placeholder,
.innerPlaceholderFontSize12 input:-moz-placeholder {
	font-size: 12px;
}

.innerPlaceholderFontSize12 textarea::-moz-placeholder,
.innerPlaceholderFontSize12 input::-moz-placeholder {
	font-size: 12px;
}

.innerPlaceholderFontSize12 textarea :-ms-input-placeholder,
.innerPlaceholderFontSize12 input :-ms-input-placeholder {
	font-size: 12px;
}


.innerPlaceholderFontSize16 textarea::-webkit-input-placeholder,
.innerPlaceholderFontSize16 input::-webkit-input-placeholder {
	font-size: 16px;
}

.innerPlaceholderFontSize16 textarea:-moz-placeholder,
.innerPlaceholderFontSize16 input:-moz-placeholder {
	font-size: 16px;
}

.innerPlaceholderFontSize16 textarea::-moz-placeholder,
.innerPlaceholderFontSize16 input::-moz-placeholder {
	font-size: 16px;
}

.innerPlaceholderFontSize16 textarea :-ms-input-placeholder,
.innerPlaceholderFontSize16 input :-ms-input-placeholder {
	font-size: 16px;
}


/* 颜色 */
.innerPlaceholderColorDEDEDE textarea::-webkit-input-placeholder,
.innerPlaceholderColorDEDEDE input::-webkit-input-placeholder {
	color: #DEDEDE;
}

.innerPlaceholderColorDEDEDE textarea:-moz-placeholder,
.innerPlaceholderColorDEDEDE input:-moz-placeholder {
	color: #DEDEDE;
}

.innerPlaceholderColorDEDEDE textarea::-moz-placeholder,
.innerPlaceholderColorDEDEDE input::-moz-placeholder {
	color: #DEDEDE;
}

.innerPlaceholderColorDEDEDE textarea :-ms-input-placeholder,
.innerPlaceholderColorDEDEDE input :-ms-input-placeholder {
	color: #DEDEDE;
}







/* 输入框放大缩小 禁止拉伸 */
.resizeNone textarea {
	resize: none;
}



.paddingCol0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


.paddingCol1 {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.paddingCol2 {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.paddingCol3 {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.paddingCol4 {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.paddingCol5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.paddingCol6 {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.paddingCol7 {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

.paddingCol8 {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.paddingCol9 {
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}

.paddingCol10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.paddingCol15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.paddingCol20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.paddingCol30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.paddingCol40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}


.paddingCol50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.paddingCol100 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.paddingCol200 {
	padding-top: 200px !important;
	padding-bottom: 200px !important;
}


.padding0 {
	padding: 0 !important;
}

.padding1 {
	padding: 1px !important;
}

.padding2 {
	padding: 2px !important;
}

.padding3 {
	padding: 3px !important;
}

.padding4 {
	padding: 4px !important;
}

.padding5 {
	padding: 5px !important;
}

.padding6 {
	padding: 6px !important;
}

.padding7 {
	padding: 7px !important;
}

.padding8 {
	padding: 8px !important;
}

.padding9 {
	padding: 9px !important;
}

.padding10 {
	padding: 10px !important;
}

.padding12 {
	padding: 12px !important;
}

.padding14 {
	padding: 14px !important;
}

.padding16 {
	padding: 16px !important;
}

.padding18 {
	padding: 18px !important;
}



.padding20 {
	padding: 20px !important;
}

.padding30 {
	padding: 30px !important;
}

.padding40 {
	padding: 40px !important;
}


.padding50 {
	padding: 50px !important;
}

.padding100 {
	padding: 100px !important;
}

.padding200 {
	padding: 200px !important;
}






/**
 * Color
 * 
 */
.colorTransparent {
	color: transparent;
}

.colorWhite {
	color: white;
}

.colorWhiteImportant {
	color: white !important;
}

.colorBlack {
	color: black;
}

.colorBlackLighter {
	color: #282828;
}

.colorRed {
	color: red;
}

.colorGreen {
	color: green;
}

.colorBlue {
	color: blue;
}

.colorPurple {
	color: purple;
}

.colorGray {
	color: gray;
}

.colorGrayLighter {
	color: #999999;
}

.colorGrayDarker {
	color: #6a6a6a;
}

.colorOrange {
	color: orange;
}

.colorOrangeRed {
	color: #ff4000;
}

.colorYellow {
	color: orange;
}

.colorGold,
.colorGolden {
	color: gold;
}

.colorChocolate,
.colorD2691E {
	color: #D2691E;
}


.color3199EE {
	color: #3199EE;
}

.colorA6A6A6 {
	color: #A6A6A6;
}

.colorB0B0B0 {
	color: #b0b0b0;
}

.colorCBCBCB {
	color: #cbcbcb;
}

.colorDEDEDE {
	color: #dedede;
}

.color6BADF7 {
	color: #6BADF7;
}

.colorEAFBFF {
	color: #eafbff;
}

.colorCCF1EF {
	color: #CCF1EF;
}

.color4A84FF {
	color: #4A84FF;
}



/* 半透明底色 */
.bgColorBlackOpacity005 {
	background-color:rgba(0,0,0, 0.05);
}

.bgColorBlackOpacity01 {
	background-color:rgba(0,0,0, 0.1);
}

.bgColorBlackOpacity02 {
	background-color:rgba(0,0,0, 0.2);
}

.bgColorBlackOpacity03 {
	background-color:rgba(0,0,0, 0.3);
}

.bgColorBlackOpacity04 {
	background-color:rgba(0,0,0, 0.4);
}

.bgColorBlackOpacity05 {
	background-color:rgba(0,0,0, 0.5);
}

.bgColorBlackOpacity06 {
	background-color:rgba(0,0,0, 0.6);
}

.bgColorBlackOpacity07 {
	background-color:rgba(0,0,0, 0.7);
}

.bgColorBlackOpacity08 {
	background-color:rgba(0,0,0, 0.8);
}

.bgColorBlackOpacity09 {
	background-color:rgba(0,0,0, 0.9);
}

.bgColorWhiteOpacity005 {
	background-color:rgba(250,250,250, 0.05);
}

.bgColorWhiteOpacity01 {
	background-color:rgba(250,250,250, 0.1);
}

.bgColorWhiteOpacity02 {
	background-color:rgba(250,250,250, 0.2);
}

.bgColorWhiteOpacity03 {
	background-color:rgba(250,250,250, 0.3);
}

.bgColorWhiteOpacity04 {
	background-color:rgba(250,250,250, 0.4);
}

.bgColorWhiteOpacity05 {
	background-color:rgba(250,250,250, 0.5);
}

.bgColorWhiteOpacity06 {
	background-color:rgba(250,250,250, 0.6);
}

.bgColorWhiteOpacity07 {
	background-color:rgba(250,250,250, 0.7);
}

.bgColorWhiteOpacity08 {
	background-color:rgba(250,250,250, 0.8);
}

.bgColorWhiteOpacity09 {
	background-color:rgba(250,250,250, 0.9);
}

/**
 * Bgcolor
 * 
 */
.bgColorF0F1F5 {
	background-color: #F0F1F5;
}

.bgColorF3F4F6 {
	background-color: #f3f4f6 !important;
}

.bgColor49A3F2 {
	background-color: #49A3F2 !important;
}

.bgColor5DABF9 {
	background-color: #5DABF9 !important;
}

.bgColorD9E3FC {
	background-color: #D9E3FC !important;
}

.bgColorEFEEFE {
	background-color: #EFEEFE !important;
}

.bgColorF5F6F8 {
	background-color: #F5F6F8 !important;
}

.bgColorEEEFF0 {
	background-color: #eeeff0 !important;
}

.bgColorFAD038 {
	background-color: #FAD038 !important;
}

.bgColorF79C0C {
	background-color: #F79C0C !important;
}

.bgColorEEE7F7 {
	background-color: #EEE7F7 !important;
}

.bgColorF2EEF7 {
	background-color: #F2EEF7 !important;
}

.bgColorF8F8F8 {
	background-color: #F8F8F8 !important;
}

.bgColorF5F5F5 {
	background-color: #F5F5F5 !important;
}

.bgColorE8E8E8 {
	background-color: #E8E8E8 !important;
}

.bgColorB6B6B6 {
	background-color: #B6B6B6 !important;
}

.bgColor232531 {
	background-color: #232531 !important;
}

.bgColor23D2B1 {
	background-color: #23D2B1 !important;
}

.bgColor45C2E5 {
	background-color: #45C2E5 !important;
}

.bgColorCBF2F8 {
	background-color: #cbf2f8 !important;
}

.bgColor2A82E4 {
	background-color: #2A82E4 !important;
}

.bgColorE8F4FF {
	background-color: #E8F4FF !important;
}

.bgColorF6F5FA {
	background-color: #F6F5FA !important;
}

.bgColorFCDAC8 {
	background-color: #FCDAC8 !important;
}

.bgColorE8D8C9 {
	background-color: #E8D8C9 !important;
}

.bgColorFFE0A6 {
	background-color: #FFE0A6 !important;
}

.bgColorFFF3DE {
	background-color: #FFF3DE !important;
}

.bgColorFDFDFD {
	background-color: #FDFDFD !important;
}

.bgColorFACF9F {
	background-color: #FACF9F !important;
}

.bgColorFEF7F3 {
	background-color: #FEF7F3 !important;
}

.bgColorF4E2E1 {
	background-color: #f4e2e1 !important;
}

.bgColor91CB74 {
	background-color: #91CB74 !important;
}

.bgColorD43030 {
	background-color: #D43030 !important;
}

.bgColorD4BEBE {
	background-color: #d4bebe !important;
}

.bgColorFDD1D2 {
	background-color: #FDD1D2 !important;
}

.bgColorFDE9E8 {
	background-color: #FDE9E8 !important;
}

.bgColorF8DFDF {
	background-color: #f8dfdf !important;
}

.bgColorD9D9D9 {
	background-color: #D9D9D9 !important;
}

.bgColorEAFBFF {
	background-color: #eafbff !important;
}

.bgColor6D96EF {
	background-color: #6D96EF !important;
}

.bgColor5C89EE {
	background-color: #5C89EE !important;
}

.bgColor7ABFFF {
	background-color: #7ABFFF !important;
}

.bgColor5FACF9 {
	background-color: #5FACF9 !important;
}

.bgColor1D2440 {
	background-color: #1D2440 !important;
}

.bgColor111111 {
	background-color: #111111 !important;
}

.bgColor24375F {
	background-color: #24375F !important;
}

.bgColor323956 {
	background-color: #323956 !important;
}

.bgColor949CB3 {
	background-color: #949CB3 !important;
}

.bgColor999999 {
	background-color: #999999 !important;
}

.bgColorFFF9E7 {
	background-color: #fff9ef !important;
}

.bgColorFFFCF7 {
	background-color: #fffcf7 !important;
}

.bgColorCCCCCC {
	background-color: #CCCCCC !important;
}


.bgColorDDDDDD {
	background-color: #DDDDDD !important;
}


.bgColorEEEEEE {
	background-color: #EEEEEE !important;
}


.bgColor2D2D2D {
	background-color: #2D2D2D !important;
}



.bgColorGreen {
	background-color: green !important;
}

.bgColorGray {
	background-color: gray !important;
}

.bgColorBlue {
	background-color: blue !important;
}
.bgColorGold,
.bgColorGolden {
	background-color: gold !important;
}
.bgColorWhite {
	background-color: white !important;
}

.bgColorBlack {
	background-color: black !important;
}

.bgColorRed {
	background-color: red !important;
}

.bgColorInherit {
	background-color: inherit !important;
}

.bgColorTransparent {
	background-color: transparent !important;
}


/* 大小缩放 HOVER */
.hoverTransformScale0d5:hover {
	transform: scale(0.5);
}

.hoverTransformScale0d6:hover {
	transform: scale(0.6);
}

.hoverTransformScale0d7:hover {
	transform: scale(0.7);
}

.hoverTransformScale0d8:hover {
	transform: scale(0.8);
}

.hoverTransformScale0d9:hover {
	transform: scale(0.9);
}

.hoverTransformScale1:hover {
	transform: scale(1);
}

.hoverTransformScale1d5:hover {
	transform: scale(1.5);
}

/* 大小缩放 */
.transformScale0d5 {
	transform: scale(0.5);
}

.transformScale0d6 {
	transform: scale(0.6);
}

.transformScale0d7 {
	transform: scale(0.7);
}

.transformScale0d8 {
	transform: scale(0.8);
}

.transformScale0d9 {
	transform: scale(0.9);
}

.transformScale1 {
	transform: scale(1);
}

.transformScale1d5 {
	transform: scale(1.5);
}


/**
 * Font size
 */
.fontSize10 {
	font-size: 10px !important;
}

.fontSize12 {
	font-size: 12px !important;
}

.fontSize14 {
	font-size: 14px !important;
}

.fontSize16 {
	font-size: 16px !important;
}

.fontSize16important {
	font-size: 16px !important;
}

.fontSize18 {
	font-size: 18px !important;
}

.fontSize20 {
	font-size: 20px !important;
}

.fontSize22 {
	font-size: 22px !important;
}

.fontSize24 {
	font-size: 24px !important;
}

.fontSize26 {
	font-size: 26px !important;
}

.fontSize28 {
	font-size: 28px !important;
}

.fontSize30 {
	font-size: 30px !important;
}

.fontSize32 {
	font-size: 38px !important;
}

.fontSize34 {
	font-size: 34px !important;
}

.fontSize35 {
	font-size: 35px !important;
}

.fontSize36 {
	font-size: 36px !important;
}

.fontSize38 {
	font-size: 38px !important;
}

.fontSize40 {
	font-size: 40px !important;
}

.fontSize42 {
	font-size: 42px !important;
}

.fontSize44 {
	font-size: 44px !important;
}

.fontSize46 {
	font-size: 46px !important;
}

.fontSize48 {
	font-size: 48px !important;
}

.fontSize50 {
	font-size: 50px !important;
}

.fontSize60 {
	font-size: 60px !important;
}

.fontSize70 {
	font-size: 70px !important;
}

.fontSize80 {
	font-size: 80px !important;
}

.fontSize90 {
	font-size: 90px !important;
}

.fontSize100 {
	font-size: 100px !important;
}




/**
 * 透明度
 * opacity
 */
.toumingOpacity10,
.opacity0 {
	opacity: 0;
}

.opacity1 {
	opacity: 0.01;
}

.opacity5 {
	opacity: 0.05;
}

.opacity10 {
	opacity: 0.1;
}

.opacity15 {
	opacity: 0.15;
}

.opacity20 {
	opacity: 0.2;
}

.opacity30 {
	opacity: 0.3;
}

.opacity40 {
	opacity: 0.4;
}

.opacity50 {
	opacity: 0.5;
}

.opacity60 {
	opacity: 0.6;
}

.opacity70 {
	opacity: 0.7;
}

.opacity80 {
	opacity: 0.8;
}

.opacity90 {
	opacity: 0.9;
}

.opacity100 {
	opacity: 1;
}





/**
 * Padding-Row 
 * 左右两边
 */
.paddingRow0 {
	padding-left: 0;
	padding-right: 0;
}

.paddingRow1 {
	padding-left: 1px;
	padding-right: 1px;
}

.paddingRow2 {
	padding-left: 2px;
	padding-right: 2px;
}

.paddingRow3 {
	padding-left: 3px;
	padding-right: 3px;
}

.paddingRow4 {
	padding-left: 4px;
	padding-right: 4px;
}

.paddingRow5 {
	padding-left: 5px;
	padding-right: 5px;
}

.paddingRow6 {
	padding-left: 6px;
	padding-right: 6px;
}

.paddingRow7 {
	padding-left: 7px;
	padding-right: 7px;
}

.paddingRow8 {
	padding-left: 8px;
	padding-right: 8px;
}

.paddingRow9 {
	padding-left: 9px;
	padding-right: 9px;
}

.paddingRow10 {
	padding-left: 10px;
	padding-right: 10px;
}

.paddingRow15 {
	padding-left: 15px;
	padding-right: 15px;
}

.paddingRow20 {
	padding-left: 20px;
	padding-right: 20px;
}

.paddingRow30 {
	padding-left: 30px;
	padding-right: 30px;
}

.paddingRow40 {
	padding-left: 40px;
	padding-right: 40px;
}

.paddingRow50 {
	padding-left: 50px;
	padding-right: 50px;
}

.paddingRow60 {
	padding-left: 60px;
	padding-right: 60px;
}

.paddingRow70 {
	padding-left: 70px;
	padding-right: 70px;
}

.paddingRow80 {
	padding-left: 80px;
	padding-right: 80px;
}

.paddingRow90 {
	padding-left: 90px;
	padding-right: 90px;
}

.paddingRow100 {
	padding-left: 100px;
	padding-right: 100px;
}

.paddingRow200 {
	padding-left: 200px;
	padding-right: 200px;
}

.paddingRow300 {
	padding-left: 300px;
	padding-right: 300px;
}




/**
 * Padding 单边
 */
.paddingTop1 {
	padding-top: 1px;
}

.paddingTop2 {
	padding-top: 2px;
}

.paddingTop3 {
	padding-top: 3px;
}

.paddingTop4 {
	padding-top: 4px;
}

.paddingTop5 {
	padding-top: 5px;
}

.paddingTop10 {
	padding-top: 10px;
}

.paddingTop12 {
	padding-top: 12px;
}

.paddingTop14 {
	padding-top: 14px;
}


.paddingTop15 {
	padding-top: 15px;
}


.paddingTop16 {
	padding-top: 16px;
}

.paddingTop18 {
	padding-top: 18px;
}

.paddingTop20 {
	padding-top: 20px;
}

.paddingTop24 {
	padding-top: 24px;
}

.paddingTop30 {
	padding-top: 30px;
}

.paddingTop40 {
	padding-top: 40px;
}

.paddingTop50 {
	padding-top: 50px;
}

.paddingTop60 {
	padding-top: 60px;
}

.paddingTop70 {
	padding-top: 70px;
}

.paddingTop80 {
	padding-top: 80px;
}

.paddingTop90 {
	padding-top: 90px;
}

.paddingTop100 {
	padding-top: 100px;
}

.paddingTop150 {
	padding-top: 150px;
}

.paddingTop200 {
	padding-top: 200px;
}

.paddingTop300 {
	padding-top: 300px;
}

.paddingTop400 {
	padding-top: 400px;
}

.paddingTop500 {
	padding-top: 500px;
}

.paddingBottom0 {
	padding-bottom: 0px;
}

.paddingBottom2 {
	padding-bottom: 2px;
}

.paddingBottom4 {
	padding-bottom: 4px;
}

.paddingBottom5 {
	padding-bottom: 5px;
}

.paddingBottom6 {
	padding-bottom: 6px;
}

.paddingBottom8 {
	padding-bottom: 8px;
}

.paddingBottom10 {
	padding-bottom: 10px;
}

.paddingBottom15 {
	padding-bottom: 15px;
}

.paddingBottom20 {
	padding-bottom: 20px;
}

.paddingBottom30 {
	padding-bottom: 30px;
}

.paddingBottom40 {
	padding-bottom: 40px;
}

.paddingBottom50 {
	padding-bottom: 50px;
}

.paddingBottom60 {
	padding-bottom: 60px;
}

.paddingBottom70 {
	padding-bottom: 70px;
}

.paddingBottom80 {
	padding-bottom: 80px;
}

.paddingBottom90 {
	padding-bottom: 90px;
}

.paddingBottom100 {
	padding-bottom: 100px;
}

.paddingBottom200 {
	padding-bottom: 200px;
}

.paddingBottom300 {
	padding-bottom: 300px;
}

.paddingBottom400 {
	padding-bottom: 400px;
}

.paddingRight2 {
	padding-right: 2px;
}

.paddingRight4 {
	padding-right: 4px;
}

.paddingRight5 {
	padding-right: 5px;
}


.paddingRight6 {
	padding-right: 6px;
}

.paddingRight8 {
	padding-right: 8px;
}

.paddingRight10 {
	padding-right: 10px;
}

.paddingRight12 {
	padding-right: 12px;
}

.paddingRight14 {
	padding-right: 14px;
}

.paddingRight16 {
	padding-right: 16px;
}

.paddingRight18 {
	padding-right: 18px;
}

.paddingRight20 {
	padding-right: 20px;
}

.paddingRight30 {
	padding-right: 30px;
}

.paddingRight40 {
	padding-right: 40px;
}

.paddingRight50 {
	padding-right: 50px;
}

.paddingRight60 {
	padding-right: 60px;
}

.paddingRight70 {
	padding-right: 70px;
}

.paddingRight80 {
	padding-right: 80px;
}

.paddingRight90 {
	padding-right: 90px;
}

.paddingRight100 {
	padding-right: 100px;
}

.paddingRight150 {
	padding-right: 150px;
}

.paddingRight200 {
	padding-right: 200px;
}

.paddingRight300 {
	padding-right: 300px;
}

.paddingRight400 {
	padding-right: 400px;
}

/* 百分比 */
.paddingRight1pct {
	padding-right: 1%;
}

.paddingRight2pct {
	padding-right: 2%;
}

.paddingRight3pct {
	padding-right: 3%;
}

.paddingRight4pct {
	padding-right: 4%;
}

.paddingRight5pct {
	padding-right: 5%;
}

.paddingRight6pct {
	padding-right: 6%;
}

.paddingRight7pct {
	padding-right: 7%;
}

.paddingRight8pct {
	padding-right: 8%;
}

.paddingRight9pct {
	padding-right: 9%;
}

.paddingRight10pct {
	padding-right: 10%;
}

.paddingRight15pct {
	padding-right: 15%;
}

.paddingRight20pct {
	padding-right: 20%;
}

.paddingRight25pct {
	padding-right: 25%;
}

.paddingRight30pct {
	padding-right: 30%;
}

.paddingRight35pct {
	padding-right: 35%;
}

.paddingRight40pct {
	padding-right: 40%;
}

.paddingRight45pct {
	padding-right: 45%;
}

.paddingRight50pct {
	padding-right: 50%;
}



.paddingRow1pct {
	padding-right: 1%;
	padding-left: 1%;
}

.paddingRow2pct {
	padding-right: 2%;
	padding-left: 2%;
}

.paddingRow3pct {
	padding-right: 3%;
	padding-left: 3%;
}

.paddingRow4pct {
	padding-right: 4%;
	padding-left: 4%;
}

.paddingRow5pct {
	padding-right: 5%;
	padding-left: 5%;
}

.paddingRow6pct {
	padding-right: 6%;
	padding-left: 6%;
}

.paddingRow7pct {
	padding-right: 7%;
	padding-left: 7%;
}

.paddingRow8pct {
	padding-right: 8%;
	padding-left: 8%;
}

.paddingRow9pct {
	padding-right: 9%;
	padding-left: 9%;
}

.paddingRow10pct {
	padding-right: 10%;
	padding-left: 10%;
}

.paddingRow15pct {
	padding-right: 15%;
	padding-left: 15%;
}

.paddingRow20pct {
	padding-right: 20%;
	padding-left: 20%;
}

.paddingRow25pct {
	padding-right: 25%;
	padding-left: 25%;
}

.paddingRow30pct {
	padding-right: 30%;
	padding-left: 30%;
}

.paddingRow35pct {
	padding-right: 35%;
	padding-left: 35%;
}

.paddingRow40pct {
	padding-right: 40%;
	padding-left: 40%;
}

.paddingRow45pct {
	padding-right: 45%;
	padding-left: 45%;
}

.paddingRow50pct {
	padding-right: 50%;
	padding-left: 50%;
}



.paddingLeft0 {
	padding-left: 0px;
}

.paddingLeft2 {
	padding-left: 2px;
}

.paddingLeft4 {
	padding-left: 4px;
}

.paddingLeft5 {
	padding-left: 5px;
}

.paddingLeft6 {
	padding-left: 6px;
}

.paddingLeft8 {
	padding-left: 8px;
}

.paddingLeft10 {
	padding-left: 10px;
}

.paddingLeft12 {
	padding-left: 12px;
}

.paddingLeft14 {
	padding-left: 14px;
}

.paddingLeft16 {
	padding-left: 16px;
}

.paddingLeft18 {
	padding-left: 18px;
}

.paddingLeft20 {
	padding-left: 20px;
}

.paddingLeft30 {
	padding-left: 30px;
}

.paddingLeft40 {
	padding-left: 40px;
}

.paddingLeft50 {
	padding-left: 50px;
}

.paddingLeft60 {
	padding-left: 60px;
}

.paddingLeft70 {
	padding-left: 70px;
}

.paddingLeft80 {
	padding-left: 80px;
}

.paddingLeft90 {
	padding-left: 90px;
}

.paddingLeft100 {
	padding-left: 100px;
}

.paddingLeft150 {
	padding-left: 150px;
}

.paddingLeft200 {
	padding-left: 200px;
}

.paddingLeft300 {
	padding-left: 300px;
}

.paddingLeft400 {
	padding-left: 400px;
}




/**
 * margin-Row 
 * 左右两边
 */
.marginRow0 {
	margin-left: 0;
	margin-right: 0;
}

.marginRow3 {
	margin-left: 3px;
	margin-right: 3px;
}

.marginRow5 {
	margin-left: 5px;
	margin-right: 5px;
}

.marginRow10 {
	margin-left: 10px;
	margin-right: 10px;
}

.marginRow12 {
	margin-left: 12px;
	margin-right: 12px;
}

.marginRow14 {
	margin-left: 14px;
	margin-right: 14px;
}

.marginRow15 {
	margin-left: 15px;
	margin-right: 15px;
}

.marginRow16 {
	margin-left: 16px;
	margin-right: 16px;
}

.marginRow18 {
	margin-left: 18px;
	margin-right: 18px;
}

.marginRow20 {
	margin-left: 20px;
	margin-right: 20px;
}

.marginRow30 {
	margin-left: 30px;
	margin-right: 30px;
}

.marginRow40 {
	margin-left: 40px;
	margin-right: 40px;
}

.margin0Auto {
	margin: 0 auto;
}



/**
 * Margin-Col 
 * 上下两边
 */
.marginCol1 {
	margin-top: 1px;
	margin-bottom: 1px;
}

.marginCol2 {
	margin-top: 2px;
	margin-bottom: 2px;
}

.marginCol4 {
	margin-top: 4px;
	margin-bottom: 4px;
}

.marginCol5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.marginCol6 {
	margin-top: 6px;
	margin-bottom: 6px;
}

.marginCol8 {
	margin-top: 8px;
	margin-bottom: 8px;
}

.marginCol10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.marginCol20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.marginCol30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.marginCol40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.marginCol50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.marginCol60 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.marginCol70 {
	margin-top: 70px;
	margin-bottom: 70px;
}

.marginCol80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.marginCol90 {
	margin-top: 90px;
	margin-bottom: 90px;
}

.marginCol100 {
	margin-top: 100px;
	margin-bottom: 100px;
}


/**
 * margin
 */

.margin0 {
	margin: 0 !important;
}

.margin1 {
	margin: 1px !important;
}

.margin2 {
	margin: 2px !important;
}

.margin3 {
	margin: 3px !important;
}

.margin4 {
	margin: 4px !important;
}

.margin5 {
	margin: 5px !important;
}

.margin6 {
	margin: 6px !important;
}

.margin7 {
	margin: 7px !important;
}

.margin8 {
	margin: 8px !important;
}

.margin9 {
	margin: 9px !important;
}

.margin10 {
	margin: 10px !important;
}

.margin12 {
	margin: 12px !important;
}

.margin14 {
	margin: 14px !important;
}

.margin16 {
	margin: 16px !important;
}

.margin18 {
	margin: 18px !important;
}



.margin20 {
	margin: 20px !important;
}

.margin30 {
	margin: 30px !important;
}

.margin40 {
	margin: 40px !important;
}


.margin50 {
	margin: 50px !important;
}

.margin100 {
	margin: 100px !important;
}

.margin200 {
	margin: 200px !important;
}


.marginTop1 {
	margin-top: 1px;
}

.marginTop2 {
	margin-top: 2px;
}

.marginTop3 {
	margin-top: 3px;
}

.marginTop4 {
	margin-top: 4px;
}

.marginTop5 {
	margin-top: 5px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginTop30 {
	margin-top: 30px;
}

.marginTop40 {
	margin-top: 40px;
}

.marginTop50 {
	margin-top: 50px;
}

.marginTop100 {
	margin-top: 100px;
}

.marginTop200 {
	margin-top: 200px;
}

.marginTop300 {
	margin-top: 300px;
}

/**
 * margin 负数
 */
.marginTop-2 {
	margin-top: -2px;
}

.marginTop-4 {
	margin-top: -4px;
}

.marginTop-5 {
	margin-top: -5px;
}

.marginTop-10 {
	margin-top: -10px;
}

.marginTop-15 {
	margin-top: -15px;
}

.marginTop-20 {
	margin-top: -20px;
}

.marginTop-25 {
	margin-top: -25px;
}

.marginTop-30 {
	margin-top: -30px;
}

.marginTop-32 {
	margin-top: -32px;
}

.marginTop-34 {
	margin-top: -34px;
}

.marginTop-35 {
	margin-top: -35px;
}

.marginTop-40 {
	margin-top: -40px;
}

.marginTop-45 {
	margin-top: -45px;
}

.marginTop-50 {
	margin-top: -50px;
}

.marginTop-60 {
	margin-top: -60px;
}

.marginTop-70 {
	margin-top: -70px;
}

.marginTop-80 {
	margin-top: -80px;
}

.marginTop-90 {
	margin-top: -90px;
}

.marginTop-100 {
	margin-top: -100px;
}


/**
 * Margin 单边 - 负数
 */
.marginBottom-2 {
	margin-bottom: -2px;
}

.marginBottom-4 {
	margin-bottom: -4px;
}

.marginBottom-6 {
	margin-bottom: -6px;
}

.marginBottom-8 {
	margin-bottom: -8px;
}

.marginBottom-10 {
	margin-bottom: -10px;
}

.marginBottom-15 {
	margin-bottom: -15px;
}

.marginBottom-20 {
	margin-bottom: -20px;
}

/**
 * Margin 单边
 */
.marginBottom0 {
	margin-bottom: 0 !important;
}

.marginBottom2 {
	margin-bottom: 2px;
}

.marginBottom4 {
	margin-bottom: 4px;
}

.marginBottom5 {
	margin-bottom: 5px;
}

.marginBottom6 {
	margin-bottom: 6px;
}

.marginBottom8 {
	margin-bottom: 8px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.marginBottom15 {
	margin-bottom: 15px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marginBottom30 {
	margin-bottom: 30px;
}

.marginBottom40 {
	margin-bottom: 40px;
}

.marginBottom50 {
	margin-bottom: 50px;
}

.marginBottom60 {
	margin-bottom: 60px;
}

.marginBottom70 {
	margin-bottom: 70px;
}

.marginBottom80 {
	margin-bottom: 80px;
}

.marginBottom90 {
	margin-bottom: 90px;
}

.marginBottom100 {
	margin-bottom: 100px;
}

.marginRight0 {
	margin-right: 0 !important;
}

.marginRight2 {
	margin-right: 2px;
}

.marginRight4 {
	margin-right: 4px;
}

.marginRight5 {
	margin-right: 5px;
}

.marginRight6 {
	margin-right: 6px;
}

.marginRight8 {
	margin-right: 8px;
}

.marginRight10 {
	margin-right: 10px;
}

.marginRight20 {
	margin-right: 20px;
}

.marginRight30 {
	margin-right: 30px;
}

.marginRight40 {
	margin-right: 40px;
}

.marginRight50 {
	margin-right: 50px;
}

.marginRight60 {
	margin-right: 60px;
}

.marginRight70 {
	margin-right: 70px;
}

.marginRight80 {
	margin-right: 80px;
}

.marginRight90 {
	margin-right: 90px;
}

.marginRight100 {
	margin-right: 100px;
}


.marginLeft0 {
	margin-left: 0 !important;
}

.marginLeft2 {
	margin-left: 2px;
}

.marginLeft4 {
	margin-left: 4px;
}

.marginLeft5 {
	margin-left: 5px;
}

.marginLeft6 {
	margin-left: 6px;
}

.marginLeft8 {
	margin-left: 8px;
}

.marginLeft10 {
	margin-left: 10px;
}

.marginTop2 {
	margin-top: 2px;
}

.marginTop4 {
	margin-top: 4px;
}

.marginTop6 {
	margin-top: 6px;
}

.marginTop8 {
	margin-top: 8px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginTop30 {
	margin-top: 30px;
}

.marginTop40 {
	margin-top: 40px;
}

.marginTop50 {
	margin-top: 50px;
}

.marginTop60 {
	margin-top: 60px;
}

.marginTop70 {
	margin-top: 70px;
}

.marginTop80 {
	margin-top: 80px;
}

.marginTop90 {
	margin-top: 90px;
}

.marginTop100 {
	margin-top: 100px;
}




/**
 * Font weight
 */
.weightBold {
	font-weight: bold;
}

.weightNormal {
	font-weight: normal;
}



/**
 * Line height
 */
.lineHeight1 {
	line-height: 1;
}

.lineHeight1d2 {
	line-height: 1.2;
}

.lineHeight1d4 {
	line-height: 1.4;
}

.lineHeight1d6 {
	line-height: 1.6;
}

.lineHeight1d8 {
	line-height: 1.8;
}

.lineHeight2 {
	line-height: 2;
}

.lineHeight2d2 {
	line-height: 2.2;
}

.lineHeight2d4 {
	line-height: 2.4;
}

.lineHeight2d6 {
	line-height: 2.6;
}

.lineHeight2d8 {
	line-height: 2.8;
}

.lineHeight3 {
	line-height: 3;
}

.lineHeight5 {
	line-height: 5;
}


/* 宽、高 */
.img-fluid {
	width: 100%;
	height: auto;
}

.img5,
.square5 {
	width: 5px;
	height: 5px;
}

.img4,
.square4 {
	width: 4px;
	height: 4px;
}

.img6,
.square6 {
	width: 6px;
	height: 6px;
}

.img8,
.square8 {
	width: 8px;
	height: 8px;
}

.img10,
.square10 {
	width: 10px;
	height: 10px;
}

.img12,
.square12 {
	width: 12px;
	height: 12px;
}

.img14,
.square14 {
	width: 14px;
	height: 14px;
}

.img15,
.square15 {
	width: 15px;
	height: 15px;
}

.img16,
.square16 {
	width: 16px;
	height: 16px;
}

.img18,
.square18 {
	width: 18px;
	height: 18px;
}

.img20,
.square20 {
	width: 20px;
	height: 20px;
}

.img25,
.square25 {
	width: 25px;
	height: 25px;
}

.img30,
.square30 {
	width: 30px;
	height: 30px;
}

.img35,
.square35 {
	width: 30px;
	height: 30px;
}

.img40,
.square40 {
	width: 40px;
	height: 40px;
}

.img50,
.square50 {
	width: 50px;
	height: 50px;
}

.img60,
.square60 {
	width: 60px;
	height: 60px;
}

.img70,
.square70 {
	width: 70px;
	height: 70px;
}

.img80,
.square80 {
	width: 80px;
	height: 80px;
}

.img90,
.square90 {
	width: 90px;
	height: 90px;
}

.img100,
.square100 {
	width: 100px;
	height: 100px;
}

.img120,
.square120 {
	width: 120px;
	height: 120px;
}

.img140,
.square140 {
	width: 140px;
	height: 140px;
}

.img150,
.square150 {
	width: 150px;
	height: 150px;
}

.img160,
.square160 {
	width: 160px;
	height: 160px;
}


.img180,
.square180 {
	width: 180px;
	height: 180px;
}

.img200,
.square200 {
	width: 200px;
	height: 200px;
}


.img300,
.square300 {
	width: 300px;
	height: 300px;
}


.img400,
.square400 {
	width: 400px;
	height: 400px;
}


.img500,
.square500 {
	width: 500px;
	height: 500px;
}

/* 占满一行,正方形 */
.img750rpx,
.square750rpx {
	width: 750rpx;
	height: 750rpx;
}




/**
 * Height
 * more in dynamicStyle.css
 */
.heightAuto {
	height: auto;
}


/**
 * 绝对 像素px
 */
.height1 {
	height: 1px;
}

.height2 {
	height: 2px;
}

.height3 {
	height: 3px;
}

.height4 {
	height: 4px;
}

.height5 {
	height: 5px;
}

.height6 {
	height: 6px;
}

.height7 {
	height: 7px;
}

.height8 {
	height: 8px;
}

.height9 {
	height: 9px;
}

.height10 {
	height: 10px;
}

.height12 {
	height: 12px;
}

.height14 {
	height: 14px;
}

.height16 {
	height: 16px;
}

.height18 {
	height: 18px;
}

.height20 {
	height: 20px;
}

.height22 {
	height: 22px;
}

.height24 {
	height: 24px;
}

.height26 {
	height: 26px;
}

.height28 {
	height: 28px;
}

.height30 {
	height: 30px;
}

.height40 {
	height: 40px;
}

.height50 {
	height: 50px;
}

.height60 {
	height: 60px;
}

.height70 {
	height: 70px;
}

.height80 {
	height: 80px;
}

.height90 {
	height: 90px;
}

.height100 {
	height: 100px;
}

.height110 {
	height: 110px;
}

.height120 {
	height: 120px;
}

.height130 {
	height: 130px;
}

.height140 {
	height: 140px;
}

.height150 {
	height: 150px;
}

.height180 {
	height: 180px;
}

.height200 {
	height: 200px;
}

.height300 {
	height: 300px;
}

.height400 {
	height: 400px;
}

.height500 {
	height: 500px;
}

.height550 {
	height: 550px;
}

.height1000 {
	height: 1000px;
}

/**
 * Height
 */

.height0pct {
	height: 0!important;
}

.height1pct {
	height: 1% !important;
}

.height2pct {
	height: 2% !important;
}

.height3pct {
	height: 3% !important;
}

.height4pct {
	height: 4% !important;
}

.height5pct {
	height: 5% !important;
}

.height6pct {
	height: 6% !important;
}

.height7pct {
	height: 7% !important;
}

.height8pct {
	height: 8% !important;
}

.height9pct {
	height: 9% !important;
}

.height10pct {
	height: 10% !important;
}

.height11pct {
	height: 11% !important;
}

.height12pct {
	height: 12% !important;
}

.height13pct {
	height: 13% !important;
}

.height14pct {
	height: 14% !important;
}

.height15pct {
	height: 15% !important;
}

.height16pct {
	height: 16% !important;
}

.height17pct {
	height: 17% !important;
}

.height18pct {
	height: 18% !important;
}

.height19pct {
	height: 19% !important;
}

.height20pct {
	height: 20% !important;
}

.height21pct {
	height: 21% !important;
}

.height22pct {
	height: 22% !important;
}

.height23pct {
	height: 23% !important;
}

.height24pct {
	height: 24% !important;
}

.height25pct {
	height: 25% !important;
}

.height26pct {
	height: 26% !important;
}

.height27pct {
	height: 27% !important;
}

.height28pct {
	height: 28% !important;
}

.height29pct {
	height: 29% !important;
}

.height30pct {
	height: 30% !important;
}

.height31pct {
	height: 31% !important;
}

.height32pct {
	height: 32% !important;
}

.height33pct {
	height: 33% !important;
}

.height33d33pct {
	height: 33.33% !important;
}


.height34pct {
	height: 34% !important;
}

.height35pct {
	height: 35% !important;
}

.height36pct {
	height: 36% !important;
}

.height37pct {
	height: 37% !important;
}

.height38pct {
	height: 38% !important;
}

.height39pct {
	height: 39% !important;
}

.height40pct {
	height: 40% !important;
}

.height41pct {
	height: 41% !important;
}

.height42pct {
	height: 42% !important;
}

.height43pct {
	height: 43% !important;
}

.height44pct {
	height: 44% !important;
}

.height45pct {
	height: 45% !important;
}

.height46pct {
	height: 46% !important;
}

.height47pct {
	height: 47% !important;
}

.height48pct {
	height: 48% !important;
}

.height49pct {
	height: 49% !important;
}

.height50pct {
	height: 50% !important;
}

.height51pct {
	height: 51% !important;
}

.height52pct {
	height: 52% !important;
}

.height53pct {
	height: 53% !important;
}

.height54pct {
	height: 54% !important;
}

.height55pct {
	height: 55% !important;
}

.height56pct {
	height: 56% !important;
}

.height57pct {
	height: 57% !important;
}

.height58pct {
	height: 58% !important;
}

.height59pct {
	height: 59% !important;
}

.height60pct {
	height: 60% !important;
}

.height61pct {
	height: 61% !important;
}

.height62pct {
	height: 62% !important;
}

.height63pct {
	height: 63% !important;
}

.height64pct {
	height: 64% !important;
}

.height65pct {
	height: 65% !important;
}

.height66pct {
	height: 66% !important;
}

.height67pct {
	height: 67% !important;
}

.height68pct {
	height: 68% !important;
}

.height69pct {
	height: 69% !important;
}

.height70pct {
	height: 70% !important;
}

.height71pct {
	height: 71% !important;
}

.height72pct {
	height: 72% !important;
}

.height73pct {
	height: 73% !important;
}

.height74pct {
	height: 74% !important;
}

.height75pct {
	height: 75% !important;
}

.height76pct {
	height: 76% !important;
}

.height77pct {
	height: 77% !important;
}

.height78pct {
	height: 78% !important;
}

.height79pct {
	height: 79% !important;
}

.height80pct {
	height: 80% !important;
}

.height81pct {
	height: 81% !important;
}

.height82pct {
	height: 82% !important;
}

.height83pct {
	height: 83% !important;
}

.height84pct {
	height: 84% !important;
}

.height85pct {
	height: 85% !important;
}

.height86pct {
	height: 86% !important;
}

.height87pct {
	height: 87% !important;
}

.height88pct {
	height: 88% !important;
}

.height89pct {
	height: 89% !important;
}

.height90pct {
	height: 90% !important;
}

.height91pct {
	height: 91% !important;
}

.height92pct {
	height: 92% !important;
}

.height93pct {
	height: 93% !important;
}

.height94pct {
	height: 94% !important;
}

.height95pct {
	height: 95% !important;
}

.height96pct {
	height: 96% !important;
}

.height97pct {
	height: 97% !important;
}

.height98pct {
	height: 98% !important;
}

.height99pct {
	height: 99% !important;
}

.height100pct {
	height: 100% !important;
}



.height110pct {
	height: 110%;
}

.height100vh {
	height: 100vh;
}


/**
 * min-height
 */
.minHeight10px {
	min-height: 10px;
}

.minHeight20px {
	min-height: 20px;
}

.minHeight30px {
	min-height: 30px;
}

.minHeight40px {
	min-height: 40px;
}

.minHeight50px {
	min-height: 50px;
}

.minHeight60px {
	min-height: 60px;
}

.minHeight70px {
	min-height: 70px;
}

.minHeight80px {
	min-height: 80px;
}

.minHeight90px {
	min-height: 90px;
}

.minHeight100px {
	min-height: 100px;
}

.minHeight140px {
	min-height: 140px;
}

.minHeight150px {
	min-height: 150px;
}

.minHeight200px {
	min-height: 200px;
}

.minHeight250px {
	min-height: 250px;
}

.minHeight300px {
	min-height: 300px;
}

.minHeight400px {
	min-height: 400px;
}

.minHeight500px {
	min-height: 500px;
}

.minHeight600px {
	min-height: 600px;
}

.minHeight700px {
	min-height: 700px;
}

.minHeight800px {
	min-height: 800px;
}

.minHeight900px {
	min-height: 900px;
}

.minHeight1000px {
	min-height: 1000px;
}

.minHeight100pct {
	min-height: 100%;
}

.minHeight10vh {
	min-height: 10vh;
}

.minHeight20vh {
	min-height: 20vh;
}

.minHeight30vh {
	min-height: 30vh;
}

.minHeight40vh {
	min-height: 40vh;
}

.minHeight50vh {
	min-height: 50vh;
}

.minHeight60vh {
	min-height: 60vh;
}

.minHeight70vh {
	min-height: 70vh;
}

.minHeight80vh {
	min-height: 80vh;
}

.minHeight90vh {
	min-height: 90vh;
}

.minHeight100vh {
	min-height: 100vh;
}




/**
 * max-height
 */
.maxHeight50 {
	max-height: 50px;
}

.maxHeight60 {
	max-height: 60px;
}

.maxHeight100 {
	max-height: 100px;
}

.maxHeight200 {
	max-height: 200px;
}

.maxHeight250 {
	max-height: 250px;
}

.maxHeight300 {
	max-height: 300px;
}

.maxHeight400 {
	max-height: 400px;
}

.maxHeight500 {
	max-height: 500px;
}


.maxHeight10vh {
	max-height: 10vh;
}

.maxHeight20vh {
	max-height: 20vh;
}

.maxHeight30vh {
	max-height: 30vh;
}

.maxHeight40vh {
	max-height: 40vh;
}

.maxHeight50vh {
	max-height: 50vh;
}

.maxHeight60vh {
	max-height: 60vh;
}

.maxHeight70vh {
	max-height: 70vh;
}

.maxHeight80vh {
	max-height: 80vh;
}

.maxHeight90vh {
	max-height: 90vh;
}

.maxHeight100vh {
	max-height: 100vh;
}

.maxHeight100pct {
	max-height: 100%;
}



/**
 * Shadow
 * https://blog.csdn.net/qq_34400736/article/details/119350056
 * https://blog.csdn.net/qq_44747461/article/details/108489779
 * https://box-shadow.org/
 */
.tinyTinyShadow {
	box-shadow: 1px 1px 2px #efefef;
}

.tinyShadow {
	box-shadow: 1px 1px 2px #B0B0B0;
}

.tinyShadowBottom {
	box-shadow: 0px 1px 2px #e8e8e8;
}

.tinyTinyShadowAround {
	box-shadow: 1px 1px 2px #efefef;
}

.littleShadow {
	box-shadow: 3px 3px 6px #B0B0B0;
}

.littleShadowAround {
	box-shadow: 8px 8px 8px -8px #9c9c9c,
		-8px 8px 8px -8px #9c9c9c;
}

.littleShadowAroundAndTop {
	box-shadow: 0 0 5px 0 #c8c8c8;
}

.littleShadowAroundAndTopDarker {
	box-shadow: 0 0 10px 0 #9c9c9c;
}

.bigShadow {
	box-shadow: 8px 8px 12px #B0B0B0;
}

.noShadow .bigShadow {
	box-shadow: none;
}

.shadowAroundOnBlack {
	box-shadow: 0px 0px 8px 2px #888888;
}


/**
 * 鼠标样式
 */
.cursorPointer {
	cursor: pointer;
}
.cursorDefault {
	cursor: default;
}



/**
 * border-radius
 */
.radius0 {
	border-radius: 0px !important;
}
.radius1 {
	border-radius: 1px !important;
}

.radius2 {
	border-radius: 2px !important;
}

.radius3 {
	border-radius: 3px !important;
}

.radius4 {
	border-radius: 4px !important;
}

.radius5 {
	border-radius: 5px !important;
}

.radius6 {
	border-radius: 6px !important;
}

.radius8 {
	border-radius: 8px !important;
}

.radius10 {
	border-radius: 10px !important;
}

.radius15 {
	border-radius: 15px !important;
}

.radius20 {
	border-radius: 20px !important;
}

.radius30 {
	border-radius: 30px !important;
}

.radius40 {
	border-radius: 40px !important;
}

.radius50 {
	border-radius: 50px !important;
}

.radius50pct {
	border-radius: 50% !important;
}


.radius4TopSides {
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
}

.radius4BottomSides {
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	/* border-collapse:separate; */
}


.radius5TopSides {
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}

.radius5BottomSides {
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	/* border-collapse:separate; */
}


.radius6TopSides {
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
}

.radius6BottomSides {
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	/* border-collapse:separate; */
}


.radius8TopSides {
	border-top-left-radius: 8px !important;
	border-top-right-radius: 8px !important;
}

.radius8BottomSides {
	border-bottom-left-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
	/* border-collapse:separate; */
}


/* over-flow */
.overflowHidden {
	overflow: hidden;
}

.overflowAuto {
	overflow: auto;
}




/**
 * position
 */
.positionRelative {
	position: relative;
}

.positionAbsolute {
	position: absolute;
}

.positionFixed {
	position: fixed;
}

.topRightBottomLeft0 {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.topRightLeft0 {
	top: 0;
	right: 0;
	left: 0;
}

/* 宽度 */
.widthMaxContent {
	width: max-content;
}

.widthAuto,
.widthAutoImportant {
	width: auto!important;
}

/**
 * 相对
 */
.width0pct {
	width: 0 !important;
}

.width1pct {
	width: 1% !important;
}

.width2pct {
	width: 2% !important;
}

.width3pct {
	width: 3% !important;
}

.width4pct {
	width: 4% !important;
}

.width5pct {
	width: 5% !important;
}

.width6pct {
	width: 6% !important;
}

.width7pct {
	width: 7% !important;
}

.width8pct {
	width: 8% !important;
}

.width9pct {
	width: 9% !important;
}

.width10pct {
	width: 10% !important;
}

.width11pct {
	width: 11% !important;
}

.width12pct {
	width: 12% !important;
}

.width13pct {
	width: 13% !important;
}

.width14pct {
	width: 14% !important;
}

.width15pct {
	width: 15% !important;
}

.width16pct {
	width: 16% !important;
}

.width17pct {
	width: 17% !important;
}

.width18pct {
	width: 18% !important;
}

.width19pct {
	width: 19% !important;
}

.width20pct {
	width: 20% !important;
}

.width21pct {
	width: 21% !important;
}

.width22pct {
	width: 22% !important;
}

.width23pct {
	width: 23% !important;
}

.width24pct {
	width: 24% !important;
}

.width25pct {
	width: 25% !important;
}

.width26pct {
	width: 26% !important;
}

.width27pct {
	width: 27% !important;
}

.width28pct {
	width: 28% !important;
}

.width29pct {
	width: 29% !important;
}

.width30pct {
	width: 30% !important;
}

.width31pct {
	width: 31% !important;
}

.width32pct {
	width: 32% !important;
}

.width33pct {
	width: 33% !important;
}

.width33d33pct {
	width: 33.33% !important;
}


.width34pct {
	width: 34% !important;
}

.width35pct {
	width: 35% !important;
}

.width36pct {
	width: 36% !important;
}

.width37pct {
	width: 37% !important;
}

.width38pct {
	width: 38% !important;
}

.width39pct {
	width: 39% !important;
}

.width40pct {
	width: 40% !important;
}

.width41pct {
	width: 41% !important;
}

.width42pct {
	width: 42% !important;
}

.width43pct {
	width: 43% !important;
}

.width44pct {
	width: 44% !important;
}

.width45pct {
	width: 45% !important;
}

.width46pct {
	width: 46% !important;
}

.width47pct {
	width: 47% !important;
}

.width48pct {
	width: 48% !important;
}

.width49pct {
	width: 49% !important;
}

.width50pct {
	width: 50% !important;
}

.width51pct {
	width: 51% !important;
}

.width52pct {
	width: 52% !important;
}

.width53pct {
	width: 53% !important;
}

.width54pct {
	width: 54% !important;
}

.width55pct {
	width: 55% !important;
}

.width56pct {
	width: 56% !important;
}

.width57pct {
	width: 57% !important;
}

.width58pct {
	width: 58% !important;
}

.width59pct {
	width: 59% !important;
}

.width60pct {
	width: 60% !important;
}

.width61pct {
	width: 61% !important;
}

.width62pct {
	width: 62% !important;
}

.width63pct {
	width: 63% !important;
}

.width64pct {
	width: 64% !important;
}

.width65pct {
	width: 65% !important;
}

.width66pct {
	width: 66% !important;
}

.width67pct {
	width: 67% !important;
}

.width68pct {
	width: 68% !important;
}

.width69pct {
	width: 69% !important;
}

.width70pct {
	width: 70% !important;
}

.width71pct {
	width: 71% !important;
}

.width72pct {
	width: 72% !important;
}

.width73pct {
	width: 73% !important;
}

.width74pct {
	width: 74% !important;
}

.width75pct {
	width: 75% !important;
}

.width76pct {
	width: 76% !important;
}

.width77pct {
	width: 77% !important;
}

.width78pct {
	width: 78% !important;
}

.width79pct {
	width: 79% !important;
}

.width80pct {
	width: 80% !important;
}

.width81pct {
	width: 81% !important;
}

.width82pct {
	width: 82% !important;
}

.width83pct {
	width: 83% !important;
}

.width84pct {
	width: 84% !important;
}

.width85pct {
	width: 85% !important;
}

.width86pct {
	width: 86% !important;
}

.width87pct {
	width: 87% !important;
}

.width88pct {
	width: 88% !important;
}

.width89pct {
	width: 89% !important;
}

.width90pct {
	width: 90% !important;
}

.width91pct {
	width: 91% !important;
}

.width92pct {
	width: 92% !important;
}

.width93pct {
	width: 93% !important;
}

.width94pct {
	width: 94% !important;
}

.width95pct {
	width: 95% !important;
}

.width96pct {
	width: 96% !important;
}

.width97pct {
	width: 97% !important;
}

.width98pct {
	width: 98% !important;
}

.width99pct {
	width: 99% !important;
}

.width100pct {
	width: 100% !important;
}

.width110pct {
	width: 110% !important;
}

/**
 * 绝对 动态像素rpx
 */
.width375rpx {
	width: 375rpx!important;
}
.width750rpx {
	width: 750rpx!important;
}


/**
 * 绝对 像素px
 */
.width1px {
	width: 1px;
}

.width2px {
	width: 2px;
}

.width3px {
	width: 3px;
}

.width4px {
	width: 4px;
}

.width5px {
	width: 5px;
}

.width10px {
	width: 10px;
}

.width12px {
	width: 12px;
}

.width14px {
	width: 14px;
}

.width15px {
	width: 15px;
}

.width16px {
	width: 16px;
}

.width18px {
	width: 18px;
}

.width20px {
	width: 20px;
}

.width22px {
	width: 22px;
}

.width24px {
	width: 24px;
}

.width26px {
	width: 26px;
}

.width28px {
	width: 28px;
}

.width30px {
	width: 30px;
}

.width40px {
	width: 40px;
}

.width42px {
	width: 42px;
}

.width44px {
	width: 44px;
}

.width45px {
	width: 45px;
}

.width46px {
	width: 46px;
}

.width48px {
	width: 48px;
}

.width50px {
	width: 50px;
}

.width60px {
	width: 60px;
}

.width70px {
	width: 70px;
}

.width80px {
	width: 80px;
}

.width90px {
	width: 90px;
}

.width100px {
	width: 100px;
}

.width120px {
	width: 120px;
}

.width110px {
	width: 110px;
}

.width130px {
	width: 130px;
}

.width140px {
	width: 140px;
}

.width150px {
	width: 150px;
}

.width160px {
	width: 160px;
}

.width180px {
	width: 180px;
}

.width200px {
	width: 200px;
}

.width300px {
	width: 300px;
}

.width400px {
	width: 400px;
}

.maxWidth20 {
	max-width: 20px;
}

.maxWidth40 {
	max-width: 40px;
}

.maxWidth50 {
	max-width: 50px;
}

.maxWidth60 {
	max-width: 60px;
}

.maxWidth80 {
	max-width: 80px;
}

.maxWidth100 {
	max-width: 100px;
}

.maxWidth200 {
	max-width: 200px;
}

.maxWidth300 {
	max-width: 300px;
}

.maxWidth400 {
	max-width: 400px;
}

.maxWidth500 {
	max-width: 500px;
}

.maxWidth600 {
	max-width: 600px;
}

.maxWidth1000 {
	max-width: 1000px;
}

.maxWidth90pct {
	max-width: 90%;
}

.maxWidth100pct {
	max-width: 100%;
}

/* 最小宽度 */

.minWidth20 {
	min-width: 20px;
}

.minWidth30 {
	min-width: 30px;
}

.minWidth40 {
	min-width: 40px;
}

.minWidth50 {
	min-width: 50px;
}

.minWidth60 {
	min-width: 60px;
}

.minWidth70 {
	min-width: 70px;
}

.minWidth80 {
	min-width: 80px;
}

.minWidth90 {
	min-width: 90px;
}

.minWidth100 {
	min-width: 100px;
}

.minWidth200 {
	min-width: 200px;
}

.minWidth300 {
	min-width: 300px;
}

.minWidth400 {
	min-width: 400px;
}

.minWidth500 {
	min-width: 500px;
}

.minWidth600 {
	min-width: 600px;
}

.minWidth1000 {
	min-width: 1000px;
}





/**
 * Border
 */
.borderNone {
	border: none;
}


.border1PxTransparent {
	border: 1px transparent solid;
}

.border2PxTransparent {
	border: 2px transparent solid;
}

.border3PxTransparent {
	border: 3px transparent solid;
}

.border1Px000000 {
	border: 1px #000 solid;
}
.border1PxBlack {
	border: 1px #000 solid;
}
.border2PxBlack {
	border: 2px #000 solid;
}
.border3PxBlack {
	border: 3px #000 solid;
}

.border1PxGreen {
	border: 1px #00aa00 solid;
}

.border1pxGray,
.border1PxGray {
	border: 1px gray solid;
}

.border2PxGray {
	border: 2px gray solid;
}

.border1Px4A84FF {
	border: 1px #4A84FF solid;
}

.border1PxB6B6B6 {
	border: 1px #B6B6B6 solid;
}

.border1PxB0B0B0 {
	border: 1px #B0B0B0 solid;
}

.border1PxBlue {
	border: 1px blue solid;
}


.border0d5PxWhite {
	border: 0.5px white solid;
}

.border1RpxWhite {
	border: 1rpx white solid;
}

.border1PxWhite {
	border: 1px white solid;
}

.border2PxWhite {
	border: 2px white solid;
}

.border3PxWhite {
	border: 3px white solid;
}

.border1PxRed {
	border: 1px red solid;
}

.border2PxRed {
	border: 2px red solid;
}

.border1PxEEEEEE {
	border: 1px #EEEEEE solid;
}

.border2PxEEEEEE {
	border: 2px #EEEEEE solid;
}

.border1PxDADADA {
	border: 1px #DADADA solid;
}

.border1PxD8D8D8 {
	border: 1px #D8D8D8 solid;
}

.border1PxE8E8E8 {
	border: 1px #e8e8e8 solid;
}

.border1Px47BFFE {
	border: 1px #47BFFE solid;
}

.border2Px47BFFE {
	border: 2px #47BFFE solid;
}



.border1PxF8F8F8 {
	border: 1px #F8F8F8 solid;
}

.border1PxCCCCCC {
	border: 1px #cccccc solid;
}

.border2PxCCCCCC {
	border: 2px #cccccc solid;
}



.border1PxFF8A46 {
	border: 1px #ff8a46 solid;
}

.border1pxF3F4F6 {
	border: 1px #f3f4f6 solid;
}

.border1PxDashedCCCCCC {
	border: 1px #cccccc dashed;
}

.border1PxDashedDDDDDD {
	border: 1px #dddddd dashed;
}

.border1PxDashedEEEEEE {
	border: 1px #eeeeee dashed;
}

.border2PxDashedCCCCCC {
	border: 2px #cccccc dashed;
}


/**
 * Border单边
 */

.borderTop1pxFFFFFF {
	border-top: 1px #FFFFFF solid;
}

.borderTop1pxEFEFEF {
	border-top: 1px #EFEFEF solid;
}

.borderTop1pxEEEEEE {
	border-top: 1px #EEEEEE solid;
}

.borderTop2pxFFFFFF {
	border-top: 2px #FFFFFF solid;
}

.borderTop1pxDDDDDD {
	border-top: 1px #DDDDDD solid;
}

.borderTop1pxCCCCCC {
	border-top: 1px #CCCCCC solid;
}

.borderTop2pxCCCCCC {
	border-top: 2px #CCCCCC solid;
}

.borderBottom1pxF8F8F8 {
	border-bottom: 1px #f8f8f8 solid;
}

.borderBottom1pxF4F4F4 {
	border-bottom: 1px #f4f4f4 solid;
}

.borderBottom1pxCCCCCC {
	border-bottom: 1px #CCCCCC solid;
}

.borderBottom1pxDDDDDD {
	border-bottom: 1px #DDDDDD solid;
}

.borderBottom1pxEEEEEE {
	border-bottom: 1px #EEEEEE solid;
}

.borderBottom1pxBlack {
	border-bottom: 1px black solid;
}

.borderLeft1pxFFFFFF {
	border-left: 1px #FFFFFF solid;
}

.borderLeft1pxFCFCFC {
	border-left: 1px #fcfcfc solid;
}

.borderLeft1pxFAFAFA {
	border-left: 1px #fafafa solid;
}

.borderLeft1pxEEEEEE {
	border-left: 1px #EEEEEE solid;
}

.borderLeft1pxDDDDDD {
	border-left: 1px #DDDDDD solid;
}

.borderLeft1pxCCCCCC {
	border-left: 1px #CCCCCC solid;
}

.borderLeft1pxF4F4F4 {
	border-left: 1px #f4f4f4 solid;
}

.borderRight1pxFFFFFF {
	border-right: 1px #FFFFFF solid;
}

.borderRight1pxFAFAFA {
	border-right: 1px #fafafa solid;
}

.borderRight1pxFCFCFC {
	border-right: 1px #fcfcfc solid;
}

.borderRight1pxEEEEEE {
	border-right: 1px #EEEEEE solid;
}

.borderRight1pxDDDDDD {
	border-right: 1px #DDDDDD solid;
}

.borderRight1pxCCCCCC {
	border-right: 1px #CCCCCC solid;
}

.borderRight1pxF4F4F4 {
	border-right: 1px #f4f4f4 solid;
}



/**
 * z-index
 */
.zIndex1 {
	z-index: 1 !important;
}

.zIndex2 {
	z-index: 2 !important;
}

.zIndex3 {
	z-index: 3 !important;
}

.zIndex4 {
	z-index: 4 !important;
}

.zIndex5 {
	z-index: 5 !important;
}

.zIndex99 {
	z-index: 99 !important;
}

.zIndex100 {
	z-index: 100 !important;
}

.zIndex900 {
	z-index: 900 !important;
}

.zIndex999 {
	z-index: 999 !important;
}

.zIndex1000 {
	z-index: 1000 !important;
}



/* 换行 */
.lineBreaking,
.autoLineBreaking {
	white-space: pre-line;
	word-wrap: break-word;
}

.lineBreakingEnglish {
	word-break: break-all;
}

.noLineBreaking {
	white-space: nowrap;
}

.flexNoLineBreaking {
	flex-wrap: nowrap;
}


/* 不换行 */
.innerNoLineBreaking>* {
	white-space: nowrap;
}



/* 字体间距 */
.letterSpace2 {
	letter-spacing: 2px;
}

.letterSpace4 {
	letter-spacing: 4px;
}

.letterSpace6 {
	letter-spacing: 6px;
}

.letterSpace8 {
	letter-spacing: 8px;
}

.letterSpace10 {
	letter-spacing: 10px;
}




/* 图片灰度 */
.imgGrayScale0pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(0%);
}

.imgGrayScale10pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(10%);
}

.imgGrayScale20pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(20%);
}

.imgGrayScale30pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(30%);
}

.imgGrayScale40pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(40%);
}

.imgGrayScale50pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(50%);
}

.imgGrayScale60pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(60%);
}

.imgGrayScale70pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(70%);
}

.imgGrayScale80pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(80%);
}

.imgGrayScale90pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(90%);
}

.imgGrayScale100pct {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* 图片hover灰度 */
.imgGrayScale0pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(0%);
}

.imgGrayScale10pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(10%);
}

.imgGrayScale20pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(20%);
}

.imgGrayScale30pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(30%);
}

.imgGrayScale40pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(40%);
}

.imgGrayScale50pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(50%);
}

.imgGrayScale60pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(60%);
}

.imgGrayScale70pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(70%);
}

.imgGrayScale80pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(80%);
}

.imgGrayScale90pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(90%);
}

.imgGrayScale100pctHover:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


/* Bug: Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors. */
/**
 * 隐藏伪类
 */
/* .domNoBeforeAndAfter:before,
.domNoBeforeAndAfter:after {
	display: none !important;
} */




/**
 * 对齐
 */
.text-center {
	text-align: center;
}

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

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


.clearBoth {
	clear: both;
}



/**
 * 缩放
 */
.scale10 {
	transform: scale(0.1);
}

.scale20 {
	transform: scale(0.2);
}

.scale30 {
	transform: scale(0.3);
}

.scale40 {
	transform: scale(0.4);
}

.scale50 {
	transform: scale(0.5);
}

.scale60 {
	transform: scale(0.6);
}

.scale70 {
	transform: scale(0.7);
}

.scale80 {
	transform: scale(0.8);
}

.scale90 {
	transform: scale(0.9);
}

.scale100 {
	transform: scale(1);
}





/* 文字溢出隐藏 - 最多1行、2行等... 超出显示点点点省略号 */
.maxLine1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.maxLine2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.maxLine3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.maxLine4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.maxLine5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.maxLine6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.maxLine7 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}

.maxLine8 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}

.maxLine9 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
}

.maxLine10 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
}











/* 磨砂效果 （白色磨砂） - 遮挡层 - 文字 图片 */
.frosting,
.frostingMax,
.frostingMin,
.frostingText {
	position: relative;
}

.frosting::after,
.frostingMax::after,
.frostingMin::after,
.frostingText::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(2px);
	opacity: 0.9;
}


.frostingMin::after {
	backdrop-filter: blur(5px);
}

.frostingMax::after {
	backdrop-filter: blur(20px);
}

/* 用CSS实现一个类似Element-plus的文字虚化效果 */
/* https://blog.csdn.net/zhang_hai_cheng/article/details/128795371 */
.frostingText::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	backdrop-filter: blur(5px);
	background-image: radial-gradient(transparent 1px,#ffffff 1px);
	background-size: 4px 4px;
	backdrop-filter: saturate(50%) blur(4px);
}