/* 常用的公共样式 */
/* flex 布局相关 */
.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.flex-none {
  flex: none;
}
.flex-auto {
  flex: auto;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-main-start {
  justify-content: flex-start;
}
.flex-main-end {
  justify-content: flex-end;
}
.flex-main-between {
  justify-content: space-between;
}
.flex-main-center {
  justify-content: center;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-cross-start {
  align-items: flex-start;
}
.flex-cross-center {
  align-items: center;
}
.flex-cross-end {
  align-items: flex-end;
}
.flex-cross-baseline{
  align-items: baseline;
}
.flex-cross-stretch {
  align-items: stretch;
}

.flex-1 {
  flex: 1;
}

/* 按钮样式 */
.btn{
  width: 1.2rem;
  height: .36rem;
  background-color: #eee;
  color: #666;
  border-radius: .18rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-white-fill{
  background: #FFFFFF;
  color: #3969FF;
}

/* 边距 */
.left-10{
  margin-left: .1rem;
}
.left-20{
  margin-left: .2rem;
}
.left-30{
  margin-left: .3rem;
}
.top-20{
  margin-top: .2rem;
}
.top-60{
  margin-top: .6rem;
}
.top-70{
  margin-top: .7rem;
}
.top-90{
  margin-top: .9rem;
}
.bottom-70{
  margin-bottom: .7rem;
}

/* 颜色 */
.color-white{
  color: white;
}
.color-text{
  color: #333;
}
.color-666{
  color: #666;
}
.color-link{
  color: #3969FF;
}
.bg-white{
  background: white!important;
}

.inline{
  display: inline-block;
}

.width-full{
  width: 100%;
}
.size-full{
  width: 100%;
  height: 100%;
}
.size-100{
  width: 1rem;
  height: 1rem;
}

.relative{
  position: relative;
}

/* // 溢出显示省略号，需设置宽度 */
.txt-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.no-wrap{
  white-space: nowrap;
}

.txt-ellipsis.txt-row-1 {
  /* white-space: nowrap; */
  -webkit-line-clamp: 1;
}
.txt-ellipsis.txt-row-2 {
  word-break: break-all;
  -webkit-line-clamp: 2;
}
.txt-ellipsis.txt-row-3 {
  word-break: break-all;
  -webkit-line-clamp: 3;
}
.txt-ellipsis.txt-row-9 {
  word-break: break-all;
  -webkit-line-clamp: 9;
}



/* // 严格换行，英文长单词会被截断 */
.txt-wrap {
  word-wrap: break-word;
  word-break: break-all;
}

/* // 对齐方式 */
.txt-right {
  text-align: right;
}
.txt-center {
  text-align: center;
}
.txt-baseline {
  vertical-align: baseline;
}

.txt-bold{
  font-weight: 600;
}

.z-index-9{
  z-index: 9;
}

.pointer{
  cursor: pointer;
}
.no-margin-beside{
  margin-left: 0!important;
  margin-right: 0!important;
}

.no-margin{
  margin: 0!important;
}

.sc-banner{
  object-fit: cover;
}