hitap-chat/common/css/css.css

/* 所有页面的背景色 */
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;
}