.ui-content {
 font-size: 16px
}

[v-cloak] {
	display: none;
}

.item-display-none {
  display: none !important;
}
/* 常用主题颜色以及背景 开始 */
.theme-bg-default{
	background-color: #2B2E3C
}
.theme-bg-white{
	background-color: white
}
.theme-bg-black{
	background-color: black
}
.theme-bg-gray{
	background-color: #f0f0f0
}
.theme-bg-lightGray {
	background-color: #EEEEEE
}
.theme-bg-orange {
  background-color: #FFA500
}
.theme-bg-180 {
	background-color: rgb(180, 180, 180)
}
.theme-bg-blue{
  background-color: #1E90FF
}
.theme-bg-green {
  background-color: #12CE94 
}
.theme-bg-248 {
  background-color: rgb(248,248,248);
}
.theme-bg-red {
	background-color: #E65123
}
.theme-bg-999 {
  background-color: #999999
}
.theme-text-default{
	color: #2B2E3C
}
.theme-text-white{
	color: white
}
.theme-text-black{
	color: black
}
.theme-text-gray{
	color: #f0f0f0
}
.theme-text-lightGray {
	color: #EEEEEE
}
.theme-text-180 {
	color: rgb(180, 180, 180)
}
.theme-text-orange {
  color: #FFA500
}
.theme-text-green {
  color: #12CE94
}
.theme-text-blue{
  color: #1E90FF
}
.theme-text-red {
	color: #E65123
}
.theme-text-999 {
	color: #999999
}
.theme-text-666 {
	color: #666666
}
.theme-text-333 {
	color: #333333
}

/* 常用主题颜色以及背景 结束 */


/* 字体样式 s */
.font-text-12 {
  font-size: 0.75rem
}
.font-text-14 {
  font-size: 0.875rem
}
.font-text-16 {
  font-size: 1rem
}
.font-text-18 {
  font-size: 1.125rem
}
.font-text-20 {
  font-size: 1.25rem
}
.font-text-22 {
  font-size: 1.5rem
}
.font-text-24 {
  font-size: 1.75rem
}
.font-text-26 {
  font-size: 2rem
}
.font-text-27 {
  font-size: 2.25rem
}
.font-text-28 {
  font-size: 2.5rem
}
.font-text-29 {
  font-size: 2.75rem
}
.font-text-30 {
  font-size:3rem
}
.font-weight-bold{
  font-weight: bold
}
/* 字体样式 s */

/*图片裁剪成圆形开始*/
.img-radius-50 {
	border-radius: 50%
}
 .img-radius-5 {
     border-radius: 5px 
}
 .img-radius-10 {
     border-radius: 10px 
}
 .img-radius-15 {
     border-radius: 15px
}
 .img-radius-20 {
     border-radius: 20px
}
 .img-radius-25 {
     border-radius: 25px
}
.img-radius-30 {
     border-radius: 30px
}
.img-radius-35 {
     border-radius: 35px
}
.img-radius-40 {
     border-radius: 40px 
}
.img-radius-45 {
     border-radius: 45px 
}
/*图片裁剪成圆形结束*/

/* 统一input样式开始 */
/* input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
	line-height: 1.375rem !important;
	width: 100% !important;
	height: 2.5rem !important;
	margin-bottom: 1rem;
	padding: 0.625rem 1rem !important;
	-webkit-user-select: text;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 0.1875rem !important;
	outline: 0;
	background-color: #fff;
	-webkit-appearance: none;
} */
/* 调整input 的placeholder样式开始 */
::-webkit-input-placeholder {
	/* WebKit browsers */
	/* color: #999 !important;
	font-size: 16px !important;
	font-size: 1rem !important; */
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	/* color: #999 !important;
	font-size: 16px !important;
	font-size: 1rem !important; */
}
::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	/* color: #999 !important;
	font-size: 16px !important;
	font-size: 1rem !important; */
}
:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	/* color: #999 !important;
	font-size: 16px !important;
	font-size: 1rem !important; */
}
/* 调整input 的placeholder样式结束 */
/* 统一input样式结束 */

/* 常用border样式开始 */
.border-none {
	border: none !important;
}
.border-b-gray {
	border-bottom: 1px solid #f0f0f0;
}
.border-t-gray {
	border-top: 1px solid #f0f0f0;
}
.border-t-180 {
	border-top: 1px solid rgb(180, 180, 180);
}
.border-t-248 {
  border-top:1px solid rgb(248,248,248);
}
.border-t-gray {
	border-top: 1px solid #f0f0f0;
}
.border-t-241 {
  border-top:1px solid rgb(241,241,241);
}
.border-r-gray {
	border-right: 1px solid #f0f0f0;
}
.border-l-gray {
	border-left: 1px solid #f0f0f0;
}
.border-all-gray{
	border: 1px solid #f0f0f0 ;
}
.border-all-180{
	border: 1px solid rgb(180, 180, 180);
}
.border-b-180 {
	border-bottom: 1px solid rgb(180, 180, 180);
}
.border-b-lightGray {
	border-bottom:1px solid  #EEEEEE
}
.border-b-248 {
  border-bottom:1px solid rgb(248,248,248);
}
.border-b-241 {
  border-bottom:1px solid rgb(241,241,241);
}
/* 常用border样式结束 */

/* 中间线样式 s */
.center-line:before{
	position: absolute;
	width: 1px;
	height:60%;
	top: 20%;
	content: '';
	right: 0;
	-webkit-transform: scale(0.5, 0.8);
	transform: scale(0.5, 0.8);
	background-color: #c8c7cc;
}
.center-line:last-child:before{
	display: none;
}
/* 中间线样式 e */

/* 常用text样式开始 */
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.item-line-clamp {
   overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.item-line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.item-line-clamp-3 {
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.item-line-clamp-4 {
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.item-line-clamp-5 {
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
/* 常用text样式结束 */

/* 常用margin样式开始 */
.margin-none{
	margin: 0 
}
.margin-5{
	margin: 0.25rem
}
.margin-10{
	margin: 0.5rem
}
.margin-15{
	margin: 0.75rem
}
.margin-20{
	margin: 1rem
}
.margin-25{
	margin: 1.25rem
}
.margin-30{
	margin: 1.5rem
}
.margin-0-5{
	margin: 0 0.25rem
}
.margin-0-10{
	margin: 0 0.5rem
}
.margin-0-15{
	margin: 0 0.75rem
}
.margin-0-20{
	margin: 0 1rem
}
.margin-0-25{
	margin: 0 1.25rem
}
.margin-0-30{
	margin: 0 1.5rem
}
.margin-5-0{
	margin: 0.25rem 0
}
.margin-10-0{
	margin: 0.5rem 0
}
.margin-15-0{
	margin: 0.75rem 0
}
.margin-20-0{
	margin: 1rem 0
}
.margin-25-0{
	margin: 1.25rem 0
}
.margin-30-0{
	margin: 1.5rem 0
}
.margin-r-5{
	margin-right: 0.25rem
}
.margin-r-10{
	margin-right: 0.5rem
}
.margin-r-15{
	margin-right: 0.75rem
}
.margin-r-20{
	margin-right: 1rem
}
.margin-r-25{
	margin-right: 1.25rem
}
.margin-r-30{
	margin-right: 1.5rem
}
.margin-r-60{
	margin-right: 3rem
}
.margin-l-5{
	margin-left: 0.25rem
}
.margin-l-10{
	margin-left: 0.5rem
}
.margin-l-15{
	margin-left: 0.75rem
}
.margin-l-20{
	margin-left: 1rem
}
.margin-l-25{
	margin-left: 1.25rem
}
.margin-l-30{
	margin-left: 1.5rem
}
.margin-l-60{
	margin-left: 3rem
}
.margin-t-5{
	margin-top: 0.25rem
}
.margin-t-10{
	margin-top: 0.5rem
}
.margin-t-15{
	margin-top: 0.75rem
}
.margin-t-20{
	margin-top: 1rem
}
.margin-t-25{
	margin-top: 1.25rem
}
.margin-t-30{
	margin-top: 1.5rem
}
.margin-t-60{
	margin-top: 3rem
}
.margin-b-5{
	margin-bottom: 0.25rem
}
.margin-b-10{
	margin-bottom: 0.5rem
}
.margin-b-15{
	margin-bottom: 0.75rem
}
.margin-b-20{
	margin-bottom: 1rem
}
.margin-b-25{
	margin-bottom: 1.25rem
}
.margin-b-30{
	margin-bottom: 1.5rem
}
.margin-b-60{
	margin-bottom: 3rem
}
/* 常用margin样式结束 */

/* 常用padding样式开始 */
.padding-none{
	padding: 0 
}
.padding-5{
	padding: 0.25rem
}
.padding-10{
	padding: 0.5rem
}
.padding-15{
	padding: 0.75rem
}
.padding-20{
	padding: 1rem
}
.padding-25{
	padding: 1.25rem
}
.padding-30{
	padding: 1.5rem
}
.padding-0-5{
	padding: 0 0.25rem
}
.padding-0-10{
	padding: 0 0.5rem
}
.padding-0-15{
	padding: 0 0.75rem
}
.padding-0-20{
	padding: 0 1rem
}
.padding-0-25{
	padding: 0 1.25rem
}
.padding-0-30{
	padding: 0 1.5rem
}
.padding-5-0{
	padding: 0.25rem 0
}
.padding-10-0{
	padding: 0.5rem 0
}
.padding-15-0{
	padding: 0.75rem 0
}
.padding-20-0{
	padding: 1rem 0
}
.padding-25-0{
	padding: 1.25rem 0
}
.padding-30-0{
	padding: 1.5rem 0
}
.padding-r-5{
	padding-right: 0.25rem
}
.padding-r-10{
	padding-right: 0.5rem
}
.padding-r-15{
	padding-right: 0.75rem
}
.padding-r-20{
	padding-right: 1rem
}
.padding-r-25{
	padding-right: 1.25rem
}
.padding-r-30{
	padding-right: 1.5rem
}
.padding-r-60{
	padding-right: 3rem
}
.padding-l-5{
	padding-left: 0.25rem
}
.padding-l-10{
	padding-left: 0.5rem
}
.padding-l-15{
	padding-left: 0.75rem
}
.padding-l-20{
	padding-left: 1rem
}
.padding-l-25{
	padding-left: 1.25rem
}
.padding-l-30{
	padding-left: 1.5rem
}
.padding-l-60{
	padding-left: 3rem
}
.padding-t-5{
	padding-top: 0.25rem
}
.padding-t-10{
	padding-top: 0.5rem
}
.padding-t-15{
	padding-top: 0.75rem
}
.padding-t-20{
	padding-top: 1rem
}
.padding-t-25{
	padding-top: 1.25rem
}
.padding-t-30{
	padding-top: 1.5rem
}
.padding-t-60{
	padding-top: 3rem
}
.padding-b-5{
	padding-bottom: 0.25rem
}
.padding-b-10{
	padding-bottom: 0.5rem
}
.padding-b-15{
	padding-bottom: 0.75rem
}
.padding-b-20{
	padding-bottom: 1rem
}
.padding-b-25{
	padding-bottom: 1.25rem
}
.padding-b-30{
	padding-bottom: 1.5rem
}
.padding-b-60{
	padding-bottom: 3rem
}
/* 常用padding样式结束 */

/* 常用阴影样式开始 */
.box-shadow-242{
	box-shadow: 0px 2px 10px 0px rgba(242, 242, 242, 1);
}
/* 常用阴影样式结束 */


/* 九宫格样式开始 */
.palaces-view{
	background-color: white;
	overflow: hidden;
}
.palaces-view:last-child{
	margin-bottom: 0!important;
}
.palaces-item-3{
	width: calc(100% / 3);
	float: left;
}
.palaces-item-4{
	width: calc(100% / 4);
	float: left;
}
.palaces-itemb-3{
	width: calc(100% / 3);
	float: left;
	border-right: 1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0
}
.palaces-itemb-3:nth-child(3n){
	border-right: none;
}
.palaces-itemb-4{
	width: calc(100% / 4);
	float: left;
	border-right: 1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0
}
.palaces-itemb-4:nth-child(4n){
	border-right: none;
}
/* 九宫格样式结束 */

/* 常用flex布局样式开始 */
.flex-item-default{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.flex-item-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-item-jc{
	display: flex;
	justify-content: center;
}
.flex-item-jfe{
	display: flex;
	justify-content: flex-end;
}
.flex-item-jsa{
	display: flex;
	justify-content: space-around;
}
.flex-item-jsb{
	display: flex;
	justify-content: space-between;
}
.flex-item-js{
	display: flex;
	justify-content: search;
}
.flex-item-ac{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flex-item-afe{
	display: flex;
	/* justify-content: flex-start; */
	align-items: flex-end;
}
.flex-item-asa{
	display: flex;
	justify-content: flex-start;
	align-items: space-around;
}
.flex-item-asb{
	display: flex;
	justify-content: flex-start;
	align-items: space-between;
}
.flex-item-as{
	display: flex;
	justify-content: flex-start;
	align-items: search;
}
.flex-align-center{
  display: flex;
  align-items: center;
}
.flex-direction-column{
	display: flex;
	flex-direction: column;
}
.flex-align-self{
	display: flex;
	align-self: flex-end;
}
.flex-item-nowrap{
  display: flex;
  /* 默认 不换行 */
	flex-wrap: nowrap;
}
.flex-item-wrap{
  display: flex;
  /* 换行 第一行在上方 */
	flex-wrap: wrap;
}
.flex-item-wrap-reverse{
  display: flex;
  /* 换行 第一行在下方 */
	flex-wrap: wrap-reverse;
}

/* 常用flex布局样式结束 */

.item-h-1 {
  height: 1rem
}
.item-h-2 {
  height: 2rem
}
.item-h-3 {
  height: 3rem
}
.item-h-4 {
  height: 4rem
}
.item-h-5 {
  height: 5rem
}
.item-h-6 {
  height: 6rem
}
.item-h-7 {
  height: 7rem
}
.item-h-8 {
  height: 8rem
}
.item-h-9 {
  height: 9rem
}
.item-h-10 {
  height: 10rem
}
.item-h-11 {
  height: 11rem
}
.item-h-12 {
  height: 12rem
}
.item-h-13 {
  height: 13rem
}
.item-h-14 {
  height: 14rem
}
.item-h-15 {
  height: 15rem
}
.item-h-16 {
  height: 16rem
}
.item-h-17 {
  height: 17rem
}
.item-h-18 {
  height: 18rem
}
.item-h-19 {
  height: 19rem
}
.item-h-20 {
  height: 20rem
}
.item-h-21 {
  height: 21rem
}
.item-h-22 {
  height: 22rem
}
.item-h-23 {
  height: 23rem
}
.item-h-24 {
  height: 24rem
}
.item-h-25 {
  height: 25rem
}
.item-h-26 {
  height: 26rem
}
.item-h-27 {
  height: 27rem
}
.item-h-28 {
  height: 28rem
}
.item-h-29 {
  height: 29rem
}
.item-h-30 {
  height: 30rem
}
.item-line-1{
  line-height: 1rem
}
.item-line-2{
  line-height: 2rem
}
.item-line-3{
  line-height: 3rem
}
.item-line-4{
  line-height: 4rem
}
.item-line-5{
  line-height: 5rem
}
.item-line-6{
  line-height: 6rem
}
.item-line-7{
  line-height: 7rem
}
.item-line-8{
  line-height: 8rem
}
.item-w-1 {
 width: 1rem
}
.item-w-2 {
 width: 2rem
}
.item-w-3 {
 width: 3rem
}
.item-w-4 {
 width: 4rem
}
.item-w-5 {
 width: 5rem
}
.item-w-6 {
 width: 6rem
}
.item-w-7 {
 width: 7rem
}
.item-w-8 {
 width: 8rem
}
.item-w-9 {
 width: 9rem
}
.item-w-10 {
 width: 10rem
}
.item-w-11 {
 width: 11rem
}
.item-w-12 {
 width: 12rem
}
.item-w-13 {
 width: 13rem
}
.item-w-14 {
 width: 14rem
}
.item-w-15 {
 width: 15rem
}
.item-w-16 {
 width: 16rem
}
.item-w-17 {
 width: 17rem
}
.item-w-18 {
 width: 18rem
}
.item-w-19 {
 width: 19rem
}
.item-w-20 {
 width: 20rem
}
.item-inline-block {
  display: inline-block
}
.tab-view{
  white-space: nowrap;
  position: relative;
}

/* 定位 s */
.item-position-absolute{
  position: absolute
}
.item-position-relative{
  position: relative
}
.item-position-fixed{
position: fixed
}
/* 定位 e */
/* nth-child s */
.item-nth-3n:nth-child(3n){
  margin-right: 0!important
}
/* nth-child e */

/* 红点样式s */
.red-dot{
  background-color: red;
  border-radius: 50%;
  font-size: 20rpx;
  padding: 2px;
  color: white;
}
/* 红点样式e */


.scroll-view_H {
	white-space: nowrap;
	width: 100%;
}
.scroll-item image{
	width: 100%;
	height: 100%;
}

/* 阴影样式 */
.box-shadow-242{
	box-shadow: 0px 2px 10px 0px rgba(242, 242, 242, 1);
}