/*
 *  作者: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-col-reverse {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: start;
    -webkit-box-align: center;

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

    display: flex;
    flex-direction: row-reverse;
    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%;}




.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_col_reverse {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: start;
    -webkit-box-align: center;

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

    display: flex;
    flex-direction: row-reverse;
    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-10{font-size: 0.20rem;}
.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: #0089ff;}
.color-ffc{color: #ffc029;}
.color-faf{color: #fdaf2a;}
.color-d51{color: #d51917;}
.color-fd4{color: #fd463e;}
.color-ea0{color: #EA0D04;}
.color-f90{color: #FF9800;}
.color-2a5{color: #22A658;}
.color-f33{color: #FF3B30;}
.color-fe8{color: #FDEA82;}

/* 背景色*/
.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;}

/* 分享样式 */
img.share {
    width: 1.2rem;
    height: auto;
    position: fixed;
    right: 0.2rem;
    bottom: 0.7rem;
    z-index: 12;
}
/* 微信下载提示 */
.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: 0.2rem 2rem 0 0.2rem;
    font-size: 0.28rem;
    color: #Fff;
}

.download-shade>img {
    width: 3rem;
    height: auto;
    position: absolute;
    top: 5px;
    right: 10px;
}
.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;
}

/* 全局全屏缺省提示 */
.global-empty{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 15;
}

.global-empty .global-empty-content{
    box-sizing: content-box;
    width: 3rem;
    height: 0.38rem;
    padding-top: 3rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 91;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 3rem auto;
    background-image: url(/images/transference/empty.png);
    color: #909090;
    text-align: center;
    font-size: 0.28rem;
}

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