/*
 *  作者:bamen-tzy
*/

/* 元素尺寸规则 & 删除轮廓 & 点击高亮颜色 */
*{
    box-sizing: border-box;
    outline:none;
    -webkit-tap-highlight-color:transparent;
}

/* 页面 body 设置，默认14px字体大小 */
body{
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    font-size: 0.28rem;
    font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;
    letter-spacing: 0;
    word-wrap:break-word;
    -webkit-touch-callout: none;
}

/*表单元素默认字体大小及字体*/
input,select,textarea{
    font-size: 0.28rem;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* 取消超链接默认下划线 */
a{text-decoration: none;}

/* 列式弹性盒子 */
.flex-col {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -webkit-box-align: center;

    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    -ms-flex-direction: row;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -ms-flex-line-pack: center;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
/* 行式弹性盒子 */
.flex-row {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -webkit-box-align: start;

    display: -ms-flexbox;
    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    -ms-flex-pack: start;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}
/* 弹性盒子弹性容器 */
.flex-col>*.flex-grow{width: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.flex-row>*.flex-grow{height: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
/* 弹性盒子允许换行 */
.flex-col.flex-wrap{-ms-flex-wrap: wrap;flex-wrap: wrap;}
/* 列式弹性盒子居中对齐 */
.flex-col.flex-center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
/* 列式弹性盒子两端对齐 */
.flex-col.flex-space{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
/* 弹性盒子快速分栏 */
.flex-col.flex-col-2>*{width: 50%;}
.flex-col.flex-col-3>*{width: 33.33333%;}
.flex-col.flex-col-4>*{width: 25%;}
.flex-col.flex-col-5>*{width: 20%;}
.flex-col.flex-col-6>*{width: 16.66666%;}

/* 对齐方式 */
.align-l{text-align: left;}
.align-c{text-align: center;}
.align-r{text-align: right;}

/* 字体大小 */
.size-12{font-size: 0.24rem;}
.size-14{font-size: 0.28rem;}
.size-16{font-size: 0.32rem;}
.size-18{font-size: 0.36rem;}
.size-20{font-size: 0.40rem;}

/* 字体颜色 */
.color-333{color: #333333;}
.color-666{color: #666666;}
.color-999{color: #999999;}
.color-fff{color: #ffffff;}
.color-6dc{color: #6dca6d;}
.color-09f{color: #0099ff;}
.color-ffc{color: #ffc029;}
.color-faf{color: #fdaf2a;}
.color-d51{color: #d51917;}
.color-fd4{color: #fd463e;}
.color-ea0{color: #EA0D04;}
.rgb-32 {
    color: #323232;
  }
  
  .rgb-50 {
    color: #505050;
  }
  
  .rgb-90 {
    color: #909090;
  }
  
  .rgb-d8 {
    color: #d8d8d8;
  }
  
  .rgb-00 {
    color: #000000;
  }
  
  .rgb-08f {
    color: #0089FF;
  }
  
  .rgb-f72 {
    color: #0089ff;
  }
  
  .rgb-ff {
    color: #FFFFFF;
  }
  
  .rgb-ff98 {
    color: #FF9800;
  }
  
  .rgb-ff3b {
    color: #FF3B30;
  }
/* 背景色*/
.bg-fff{background-color: #ffffff;}
.bg-f3{background-color: #f3f3f3;}
.bg-f6{background-color: #f6f6f6;}
.bg-f9{background-color: #f9f9f9;}

/* 取消长按选中-加在body元素上则全站均不可长按选择文字复制 */
.cancel-select{-webkit-user-select: none;user-select: none;}

/*
 *  ---------------------
 *  -----全局样式结束-----
 *  ---------------------
*/


/* 微信下载提示 */
.download-shade{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    z-index: 100;
    top: 0;
    left: 0;
}

.download-shade>p{
    margin: 0;
    padding: 10px 100px 0 15px;
    font-size: 14px;
    color: #Fff;
}
.download-shade>img{
    width: 130px;
    height: auto;
    position: absolute;
    top: 10px;
    right: 15px;
}
/* 超出省略 1~4 以1的倍数递增 */
.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .flex-item-grow{
    flex-grow: 1;
    width:0;
    height: auto;
}