/**
 * 平方字体
 */

/*@font-face {
	font-family:PingFang SC;
	src: url('../fonts/pingfang.ttf') format('truetype');
}
*/
html,body{
	background-color: white;
	width: 100%;
	min-height: 100%;
}

body{
	font-size: 0.426rem !important;
	color: #333333;
	font-family:PingFang SC, Helvetica Neue, Helvetica, sans-serif;
	--input-placeholder-color:#999;
	--df-color:#FF9300;
	--red: #F86246;
	--orange: #FF7900;
	--yellow: #fbbd08;
	--olive: #8dc63f;
	--green: #39b54a;
	--cyan: #1cbbb4;
	--blue: #136EEA;
	--purple: #6739b6;
	--mauve: #9c26b0;
	--pink: #e03997;
	--brown: #a5673f;
	--grey: #666666;
	--gray: #999999;
	--black: #333333;
	--white:  #ffffff;
}

html,body,div,span,form,input,button,p,img,a,label,textarea,ul,li{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img{
	vertical-align: top;
}

.round{
	border-radius: 99999px;
}
/* 输入框提示语字体颜色 */
input::-webkit-input-placeholder {  	/* WebKit browsers */
    color: var(--input-placeholder-color);
}
input:-moz-placeholder {            	/* Mozilla Firefox 4 to 18 */
    color: var(--input-placeholder-color);
}
input::-moz-placeholder {           	/* Mozilla Firefox 19+ */
    color: var(--input-placeholder-color);
}
input:-ms-input-placeholder {       	/* Internet Explorer 10+ */
    color: var(--input-placeholder-color);
}

/* flex */
.flex-grow-1{
  flex-grow: 1;
}
.flex-shrink-zero{
  flex-shrink: 0;
}

/**
 * loading 框
 */
.loading-box{
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;align-items: center;justify-content: center;
	text-align: center;
}
.loading-box .icon{
	width: 0.8rem;
	height: 0.8rem;
	animation: loading .6s linear infinite;
}
.loading-box .text{
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.426rem;
}
.loading-box  .loading{
	border-radius: 0.206rem;
	display: flex;align-items: center;justify-content: center;flex-wrap: wrap;
	width: 3.2rem;
	height: 3.2rem;
	background-color: rgba(0,0,0,0.5);
	padding: 0.4rem 0;
}
@keyframes loading{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}

/* border边框 */
.border-top{
  border-top: 1px solid #EEEEEE;
}

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

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

/* grid布局 */

.grid {
	display: flex;
	flex-wrap: wrap;
}

.grid.grid-square {
	overflow: hidden;
}

.grid.grid-square .cu-tag {
	position: absolute;
	right: 0;
	top: 0;
	border-bottom-left-radius: 6upx;
	padding: 6upx 12upx;
	height: auto;
	background-color: rgba(0, 0, 0, 0.5);
}

.grid.grid-square>view>text[class*="cuIcon-"] {
	font-size: 52upx;
	position: absolute;
	color: #8799a3;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.grid.grid-square>view {
	margin-right: 20upx;
	margin-bottom: 20upx;
	border-radius: 6upx;
	position: relative;
	overflow: hidden;
}
.grid.grid-square>view.bg-img image {
	width: 100%;
	height: 100%;
	position: absolute;
}
.grid.col-1.grid-square>view {
	padding-bottom: 100%;
	height: 0;
	margin-right: 0;
}

.grid.col-2.grid-square>view {
	padding-bottom: calc((100% - 20upx)/2);
	height: 0;
	width: calc((100% - 20upx)/2);
}

.grid.col-3.grid-square>view {
	padding-bottom: calc((100% - 40upx)/3);
	height: 0;
	width: calc((100% - 40upx)/3);
}

.grid.col-4.grid-square>view {
	padding-bottom: calc((100% - 60upx)/4);
	height: 0;
	width: calc((100% - 60upx)/4);
}

.grid.col-5.grid-square>view {
	padding-bottom: calc((100% - 80upx)/5);
	height: 0;
	width: calc((100% - 80upx)/5);
}

.grid.col-2.grid-square>view:nth-child(2n),
.grid.col-3.grid-square>view:nth-child(3n),
.grid.col-4.grid-square>view:nth-child(4n),
.grid.col-5.grid-square>view:nth-child(5n) {
	margin-right: 0;
}

.grid.col-1>view {
	width: 100%;
}

.grid.col-2>view {
	width: 50%;
}

.grid.col-3>view {
	width: 33.33%;
}

.grid.col-4>view {
	width: 25%;
}

.grid.col-5>view {
	width: 20%;
}