/**app.wxss**/

/*  ------- 字体、颜色 ------  */

/* 作文  主色说明 */
.app-font-color-desc{
	/* 标题 */
	color: #1A1A1A;
	/* 菜单色 */
	color: #505050;
	/* 文章预览 */
	color: #a6a6a6;
	/* 底部 footer tip  */
	color: #8A8A8A;
	/* 着重色 标签 数字 */
	color: #FD7727;
}

/* 行高 字间距 */
.app-tip-text-line{
	/* line-height: 1.5rem; */
	line-height: 24rpx;
	letter-spacing: 3rpx;
}

/* 副标题字体样式 */
.app-second-font-style{
	color: #8A8A8A;
	font-size: 28rpx;
	line-height: 40rpx;
}
/* 消息内容字体样式 */
.app-content-font-style{
	color: #1A1A1A;
	line-height: 45rpx;
	font-size: 28rpx;
	letter-spacing: 2rpx;
	/* 自动换行 */
    word-break:break-all;
}

/* 内容预览 */
.app-review-content-class{
	/* #aaaeb7  #B3B3B3  #BDBDBD #a6a6a6*/
	color: #a6a6a6;
	line-height: 48rpx;
	letter-spacing: 2rpx;
	font-size: 28rpx;
	margin: 16rpx 0rpx 10rpx 0rpx;
	overflow: hidden;
	  text-overflow: ellipsis;
	display: -webkit-box;
	text-indent:2em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 标签、底部字体样式 .8rem */
.app-footer-font-style{
	color: #8A8A8A;
	line-height: 40rpx;
	font-size: 24rpx;
}

/* 全局可点击文体颜色 */
.app-a-color {
	color: #3683d6;
}
/* 全局白色背景色 */
.app-bg-white{
	background-color: white !important;
}

/*  ------- 边框 ------  */
/* margin */
.app-margin-default{
	margin: 20rpx 0rpx;
}
.app-margin-30{
	margin: 30rpx 0rpx;
}

.app-margin-top-default{
	margin-top: 20rpx;
}
.app-margin-top-10{
	margin-top: 10rpx;
}
.app-margin-bottom-default{
	margin-bottom: 20rpx;
}
.app-margin-left-default{
	margin-left: 20rpx;
}
.app-margin-left-15{
	margin-left: 15rpx;
}
.app-margin-left-10{
	margin-left: 10rpx;
}
.app-margin-right-default{
	margin-right: 20rpx;
}
.app-margin-right-15{
	margin-right: 15rpx;
}
.app-margin-right-10{
	margin-right: 10rpx;
}
/* padding */
.app-padding-30{
  padding: 30rpx 0rpx;
}
.app-padding-default{
	padding: 20rpx 0rpx;
}
.app-padding-15{
	padding: 15rpx 0rpx;
}
.app-padding-10{
	padding: 10rpx 0rpx;
}
.app-padding-top-default{
	padding-top: 20rpx;
}
.app-padding-top-30{
	padding-top: 30rpx;
}
.app-padding-top-15{
	padding-top: 15rpx;
}
.app-padding-top-10{
	padding-top: 10rpx;
}
.app-padding-bottom-default{
	padding-bottom: 20rpx;
}
.app-padding-bottom-30{
	padding-bottom: 30rpx;
}
.app-padding-bottom-15{
	padding-bottom: 15rpx;
}
.app-padding-bottom-10{
	padding-bottom: 10rpx;
}
.app-padding-left-default{
	padding-left: 20rpx;
}
.app-padding-left-15{
	padding-left: 15rpx;
}
.app-padding-left-10{
	padding-left: 10rpx;
}
.app-padding-right-default{
	padding-right: 20rpx;
}
.app-padding-right-15{
	padding-right: 15rpx;
}
.app-padding-right-10{
	padding-right: 10rpx;
}
/*  ------- 布局 ------  */

.app-container-default {
  	/* height: 100%; */
	display: flex;
	flex-direction: column;
	/*align-items: center;*/
	/*justify-content: space-between;*/
	/*padding: 200rpx 0;*/
   box-sizing: border-box;
} 
/* 分散对齐 */
.app-container-space-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 行 居中 （默认）*/
.app-container-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 列 居中 */
.app-container-column-center{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
}
.app-container-left{
	display: flex;
	justify-content: left;
	align-items: center;
	align-content: center;
  	align-items: center;
}
.app-view-container-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.app-container-row-flex-end{
	display: flex;
	/* justify-content: center; */
	align-items: center;
	align-content: center;
	flex-direction: row;
	justify-content: flex-end;
}
.app-container-row-flex-start{
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
}
/* 内容过多时，隐藏多出部分用省略号表示 */
.app-content-ellipsis {
	/* text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/* 行缩进 */
.app-text-indent{
	text-indent: 2em;
}