/* 所有页面的背景色 */ html{ /* 网页全部设置灰色 */ /*-webkit-filter: grayscale(100%);*/ /*filter: grayscale(100%);*/ } body { /* background: #F6F8FA; */ } image { display: block; } button{ line-height: 100%;} uni-button:after{ border: none!important; } input{ background-color: transparent; border: none; } input,textarea,button{ outline: none; } .BorderBox { box-sizing: border-box; } /*公共样式*/ /*宽度*/ .Width100{ width: 100%!important; } .Width98{ width: 98%!important; } .Width95{ width: 95%; } .Width92{ width: 92%; } .Width90{ width: 90%; } .Width88{ width: 88%; } .Width85{ width: 85%; } .Width80{ width: 80%; } .Width70{ width: 70%; } .Width50{ width: 50%; } /*高度*/ .Height100{ height: 100% !important; } /*返回图片*/ .Width_100rpx{ width: 100rpx; } /*过渡*/ .Transition_100ms{ transition: all 100ms linear; } .Transition_200ms{ transition: all 200ms linear; } /*字体颜色*/ .Color_FFFFFF{ color: #FFFFFF; } .Color_95CDFD{ color: #95CDFD; } .Color_000000{ color: #000000; } .Color_605F72{ color: #605F72; } .Color_DF5F58{ color: #DF5F58; } .Color_0B256E{ color: #0B256E; } .Color_333333{ color: #333333; } .Color_999999{ color: #999999; } .Color_B4BAC9{ color: #B4BAC9; } .Color_1A1F39{ color: #1A1F39; } .Color_F99E00{ color: #F99E00; } .Color_F79E2C{ color: #F79E2C; } .Color_191F3B{ color: #191F3B; } .Color_333333{ color: #333333; } .Color_0064FF{ color: #0064FF; } .Color_FF3B30{ color: #FF3B30; } .Color_FF0000{ color: #FF0000; } /*子级居中*/ .AlignSelf_Center{ align-self: center; } /*文字超出省略号-单行*/ .TextHidden{ overflow: hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/* 超出部分显示省略号 */ white-space: nowrap;/*规定段落中的文本不进行换行 */ } /*背景色*/ .BG_FFFFFF{ background-color: #FFFFFF; } .BG_EDEDED{ background-color: #EDEDED; } .BG_F6F7FB{ background-color: #F6F7FB; } .BG_000000{ background-color: #000000; } .BG_0064FF{ background-color: #0064FF; } .BG_CCE0FF{ background-color: #CCE0FF; } .BG_T{ background-color: transparent!important; } /*模块通用投影*/ .BoxS_Module{ box-shadow: 0rpx 0rpx 26rpx 0rpx rgba(127, 127, 127, 0.1); } .BorderNone{ border: none; } /*圆角*/ .BorderR_6rpx{ border-radius: 6rpx; } .BorderR_10rpx{ border-radius: 10rpx; } .BorderR_8rpx{ border-radius: 8rpx; } .BorderR_12rpx{ border-radius: 12rpx; } .BorderR_14rpx{ border-radius: 14rpx; } .BorderR_16rpx{ border-radius: 16rpx; } .BorderR_18rpx{ border-radius: 18rpx; } .BorderR_20rpx{ border-radius: 20rpx; } .BorderR_30rpx{ border-radius: 30rpx; } .BorderR_50{ border-radius:50%; } /*块级居中*/ .MarginAuto{ margin: 0 auto; } /*定位居中*/ .PositionCenter{ left: 50%; top: 50%; transform: translate(-50%,-50%); } /*块级*/ .Block{ display: block; } /*隐藏*/ .None{ display: none; } /*内联块级*/ .InlineBlock{ display: inline-block; } /*弹性布局*/ .Flex{ display: flex; } .Flex_end { justify-content: flex-end; } /*布局1-垂直居中-靠两边平均分散*/ .Flex_C_S-B{ align-items: center; justify-content: space-between; } .Flex_C_S-BET{ justify-content: space-between; } /*布局1-垂直居中-空两边平均分散*/ .Flex_C_S-A{ align-items: center; justify-content: space-around; } /*布局1-垂直居中*/ .Flex_C_S-Center{ align-items: center; } /*换行*/ .Flex_Warp{ flex-wrap: wrap; } /*英文换行*/ .Warp_E{ word-break:break-all; } /*文字分散*/ .TextJ{ text-align-last: justify; text-align: justify; } /*文字透明度*/ .TextOP028{ color: rgba(0,0,0,0.28); } .TextOP03{ color: rgba(0,0,0,0.3); } .TextOP04{ color: rgba(0,0,0,0.4); } .TextOP05{ color: rgba(0,0,0,0.5); } .TextOP06{ color: rgba(0,0,0,0.6); } .TextOP07{ color: rgba(0,0,0,0.7); } .TextOP085{ color: rgba(0,0,0,0.85); } .TextOP1{ color: rgba(0,0,0,1); } /*纵向滚动*/ .OverF_Y_A{ overflow-y: auto; } /*隐藏*/ .OverH{ overflow: hidden; } /*相对定位*/ .PositionR{ position: relative; } /*绝对定位*/ .PositionA{ position: absolute; } /*文字下划线*/ .TextLine{ text-decoration: underline; } /*文本居中*/ .TextCenter{ text-align: center; } .TextRight{ text-align: right; } .TextLeft{ text-align: left; } /*字体缩进*/ .TextIndent_1em{ text-indent: 1em; } .TextIndent_2em{ text-indent: 2em; } /*全部换行*/ .WordWarpAll{ word-break: break-all; } /*字体间距*/ .FontSpace_2rpx{ letter-spacing: 4rpx; } /*左边外间距*/ .MarginL_5rpx{ margin-left: 5rpx; } .MarginL_8rpx{ margin-left: 8rpx; } .MarginL_10rpx{ margin-left: 10rpx; } .MarginL_14rpx{ margin-left: 14rpx; } .MarginL_15rpx{ margin-left: 15rpx; } .MarginL_20rpx{ margin-left: 20rpx; } .MarginL_24rpx{ margin-left: 24rpx; } .MarginL_28rpx{ margin-left: 28rpx; } .MarginL_30rpx{ margin-left: 30rpx; } .MarginL_32rpx{ margin-left: 32rpx; } .MarginL_36rpx{ margin-left: 36rpx; } .MarginL_40rpx{ margin-left: 40rpx; } .MarginL_50rpx{ margin-left: 50rpx; } .MarginL_60rpx{ margin-left: 60rpx; } .MarginL_82rpx{ margin-left: 82rpx; } .MarginL_100rpx{ margin-left: 100rpx; } .MarginL_160rpx{ margin-left: 160rpx; } /*右边外间距*/ .MarginR_10rpx{ margin-right: 10rpx; } .MarginR_15rpx{ margin-right: 15rpx; } .MarginR_20rpx{ margin-right: 20rpx; } .MarginR_30rpx{ margin-right: 30rpx; } .MarginR_32rpx{ margin-right: 32rpx; } .MarginR_40rpx{ margin-right: 40rpx; } .MarginR_50rpx{ margin-right: 50rpx; } .MarginR_60rpx{ margin-right: 60rpx; } .MarginR_70rpx{ margin-right: 70rpx; } /*顶部外间距*/ .MarginT_2rpx{ margin-top: 2rpx; } .MarginT_5rpx{ margin-top: 5rpx; } .MarginT_6rpx{ margin-top: 6rpx; } .MarginT_7rpx{ margin-top: 7rpx; } .MarginT_8rpx{ margin-top: 8rpx; } .MarginT_10rpx{ margin-top: 10rpx; } .MarginT_12rpx{ margin-top: 12rpx; } .MarginT_15rpx{ margin-top: 15rpx; } .MarginT_16rpx{ margin-top: 16rpx; } .MarginT_18rpx{ margin-top: 18rpx; } .MarginT_20rpx{ margin-top: 20rpx; } .MarginT_25rpx{ margin-top: 25rpx; } .MarginT_26rpx{ margin-top: 26rpx; } .MarginT_27rpx{ margin-top: 27rpx; } .MarginT_30rpx{ margin-top: 30rpx; } .MarginT_32rpx{ margin-top: 32rpx; } .MarginT_35rpx{ margin-top: 35rpx; } .MarginT_40rpx{ margin-top: 40rpx; } .MarginT_42rpx{ margin-top: 42rpx; } .MarginT_46rpx{ margin-top: 46rpx; } .MarginT_50rpx{ margin-top: 50rpx; } .MarginT_55rpx{ margin-top: 55rpx; } .MarginT_60rpx{ margin-top: 60rpx; } .MarginT_70rpx{ margin-top: 70rpx; } .MarginT_75rpx{ margin-top: 75rpx; } .MarginT_80rpx{ margin-top: 80rpx; } .MarginT_88rpx{ margin-top: 88rpx; } .MarginT_90rpx{ margin-top: 90rpx; } .MarginT_100rpx{ margin-top: 100rpx; } .MarginT_98rpx{ margin-top: 98rpx; } .MarginT_120rpx{ margin-top: 120rpx; } .MarginT_160rpx{ margin-top: 160rpx; } .MarginT_200rpx{ margin-top: 200rpx; } .MarginT_260rpx{ margin-top: 260rpx; } .MarginT_310rpx{ margin-top: 310rpx; } /*底部外间距*/ .MarginB_30rpx{ margin-bottom: 30rpx; } /*内间距-上*/ .PaddingT_1rpx{ padding-top: 1rpx; } .PaddingT_10rpx{ padding-top: 10rpx; } .PaddingT_20rpx{ padding-top: 20rpx; } .PaddingT_24rpx{ padding-top: 24rpx; } .PaddingT_28rpx{ padding-top: 28rpx; } .PaddingT_30rpx{ padding-top: 30rpx; } .PaddingT_32rpx{ padding-top: 32rpx; } .PaddingT_34rpx{ padding-top: 34rpx; } .PaddingT_36rpx{ padding-top: 36rpx; } .PaddingT_40rpx{ padding-top: 40rpx; } .PaddingT_44rpx{ padding-top: 44rpx; } .PaddingT_50rpx{ padding-top: 50rpx; } .PaddingT_80rpx{ padding-top: 80rpx; } /*内间距-下*/ .PaddingB_10rpx{ padding-bottom: 10rpx; } .PaddingB_14rpx{ padding-bottom: 14rpx; } .PaddingB_16rpx{ padding-bottom: 16rpx; } .PaddingB_20rpx{ padding-bottom: 20rpx; } .PaddingB_24rpx{ padding-bottom: 24rpx; } .PaddingB_28rpx{ padding-bottom: 28rpx; } .PaddingB_30rpx{ padding-bottom: 30rpx; } .PaddingB_32rpx{ padding-bottom: 32rpx; } .PaddingB_36rpx{ padding-bottom: 36rpx; } .PaddingB_40rpx{ padding-bottom: 40rpx; } .PaddingB_44rpx{ padding-bottom: 44rpx; } .PaddingB_50rpx{ padding-bottom: 50rpx; } .PaddingB_60rpx{ padding-bottom: 60rpx; } .PaddingB_80rpx{ padding-bottom: 80rpx; } .PaddingB_200rpx{ padding-bottom: 200rpx; } /*内间距-左*/ .PaddingL_10rpx{ padding-left: 10rpx; } .PaddingL_20rpx{ padding-left: 20rpx; } .PaddingL_30rpx{ padding-left: 30rpx; } /*内间距-右*/ .PaddingR_10rpx{ padding-right: 10rpx; } .PaddingR_20rpx{ padding-right: 20rpx; } .PaddingR_30rpx{ padding-right: 30rpx; } /*全边框*/ .BorderA_1px_999999{ border: 1px solid #999999; } .BorderA_1px_DDDBDB{ border: 1px solid #DDDBDB; } .BorderA_1px_F2F2F2{ border: 1px solid #F2F2F2; } /*透明全边框-用来解决边距联动问题*/ .BorderT{ border: 1px solid transparent; } /*下边框*/ .BorderB_1px_E5E5E5{ border-bottom: 1px solid #E5E5E5; } .BorderB_1px_E1E1E1{ border-bottom: 1px solid #E1E1E1; } .BorderB_1px_F6F5F5{ border-bottom: 1px solid #F6F5F5; } /*顶边框*/ .BorderT_1px_E1E1E1{ border-top: 1px solid #E1E1E1; } /*右边框*/ .BorderR_1px_F6F6F6{ border-right: 1px solid #F6F6F6; } /*字体大小*/ .FontS_14rpx{ font-size: 14rpx; } .FontS_16rpx{ font-size: 16rpx; } .FontS_18rpx{ font-size: 18rpx; } .FontS_20rpx{ font-size: 20rpx; } .FontS_22rpx{ font-size: 22rpx; } .FontS_24rpx{ font-size: 24rpx; } .FontS_26rpx{ font-size: 26rpx; } .FontS_28rpx{ font-size: 28rpx; } .FontS_30rpx{ font-size: 30rpx; } .FontS_32rpx{ font-size: 32rpx; } .FontS_34rpx{ font-size: 34rpx; } .FontS_36rpx{ font-size: 36rpx; } .FontS_38rpx{ font-size: 38rpx; } .FontS_40rpx{ font-size: 40rpx; } .FontS_42rpx{ font-size: 42rpx; } .FontS_44rpx{ font-size: 44rpx; } .FontS_46rpx{ font-size: 46rpx; } .FontS_48rpx{ font-size: 48rpx; } .FontS_50rpx{ font-size: 50rpx; } .FontS_56rpx{ font-size: 56rpx; } .FontS_60rpx{ font-size: 60rpx; } /*字体加粗*/ .FontBold{ font-weight: bold; } .FontNormal{ font-weight: normal; } /*文字单行超出省略号*/ .Text_Omit_2{ overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } /*浮动*/ .FloatL{ /*左浮动*/ float: left; } .FloatR{ /*右浮动*/ float: right; } /*清除浮动*/ .ClearB{ clear: both; } /*内边框*/ .InsideB{ box-sizing: border-box; } /*通用按钮样式1*/ .BtnAll1{ height: 90rpx; line-height: 90rpx; } .BtnAll2{ height: 70rpx; line-height: 70rpx; }