page {
    /* margin: 0rpx; */
    /* background-color: #fefefe; */
    /* height: 100%; */
    font-size: 16px;
    /* line-height: 1.6; */
    height: 100%;
    /* display: flex !important; */
    /* flex-direction: column !important; */
    /* justify-content: space-between !important; */
}


/**app.wxss**/
/*.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 150px 0;
    box-sizing: border-box;
}*/

/* 背景白色 */
.body{
    background-color: #e90e0e;
    width: 100%;
    height: 100%;
}
/* 主要内容 */
.content{
    padding: 0 10px;
}
.content-non{
    margin:0 -10px
}

/* 轮播图 */
.swiper {
    height: 150px;
    width: 100%;
}
.swiper-image {
    height: 100%;
    width: 100%;
}
.slide-image{
    height: 100%;
    width: 100%;
}
.swiper-goods {
    height: 400px;
    width: 100%;
}

/* 横向排列 */
.rows {
    display: flex;
    flex-direction: row;
}

/* 纵向排列 */
.cols {
    display: flex;
    flex-direction: column;
}

/* 平铺 */
.box {
    display: flex;
    justify-content: space-between;
}

/* 左侧平铺 */
.box-wrap-start {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* 间距相同平铺 包括两端*/
.box-wrap-space-around {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* 间距相同平铺 两侧无边距*/
.box-wrap-space-between {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* 横向沾满 */
.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.full {
    width: 100%;
    height: 100%;
}

/* 文字中轴线对其 */
.base-line {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 剧中 */
.center {
    text-align: center;
}

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

/* 居中 */
.text-center {
    text-align: center;
}

.text-xs{
    font-size: 10px;
}
.text-sm{
    font-size: 13px;
}
.text-md{
    font-size: 19px;
}
.text-lg{
    font-size: 22px;
}

/* 文本垂直居中 */
.text-center-v {
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.text-center-h {
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.text-center-hv {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 强制文本不换行 */
.text-inline {
    line-height: 20px;
    height: 20px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 文字自动换行 */
.text-auto{
    word-break:break-all;
}
/*文本省略号*/
.text-ellipsis{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.text-color-1 {
    color: #111111;
}

.text-color-2 {
    color: #222222;
}

.text-color-3 {
    color: #333333;
}

.text-color-4 {
    color: #444444;
}

.text-color-5 {
    color: #555555;
}

.text-color-6 {
    color: #666666;
}

.text-color-7 {
    color: #777777;
}

.text-color-8 {
    color: #888888;
}

.text-color-9 {
    color: #999999;
}

.text-color-a {
    color: #aaaaaa;
}

.text-color-b {
    color: #bbbbbb;
}

.text-color-c {
    color: #cccccc;
}

.text-color-d {
    color: #dddddd;
}

.text-color-e {
    color: #eeeeee;
}

.text-color-f {
    color: #ffffff;
}

/* 头像*/
.avatar {
    background-color: #d0d0d0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
}
/* 头像*/
.avatar-fission {
    background-color: #d0d0d0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

/* 图片背景色 */
.img-bg{
    background-color: #d0d0d0;
}

.img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
}


.mm {
    margin: 10px;
}

.mh {
    margin-left: 10px;
    margin-right: 10px;
}

.mv {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ml {
    margin-left: 10px;
}

.mr {
    margin-right: 10px;
}

.mt {
    margin-top: 10px;
}

.mb {
    margin-bottom: 10px;
}

.mm-xs {
    margin: 2px;
}

.mh-xs {
    margin-left: 2px;
    margin-right: 2px;
}

.mv-xs {
    margin-top: 2px;
    margin-bottom: 2px;
}

.ml-xs {
    margin-left: 2px;
}

.mr-xs {
    margin-right: 2px;
}

.mt-xs {
    margin-top: 2px;
}

.mb-xs {
    margin-bottom: 2px;
}

.mm-sm {
    margin: 5px;
}

.mh-sm {
    margin-left: 5px;
    margin-right: 5px;
}

.mv-sm {
    margin-top: 5px;
    margin-bottom: 5px;
}

.ml-sm {
    margin-left: 5px;
}

.mr-sm {
    margin-right: 5px;
}

.mt-sm {
    margin-top: 5px;
}

.mb-sm {
    margin-bottom: 5px;
}

.mm-md {
    margin: 15px;
}

.mh-md {
    margin-left: 15px;
    margin-right: 15px;
}

.mv-md {
    margin-top: 15px;
    margin-bottom: 15px;
}

.ml-md {
    margin-left: 15px;
}

.mr-md {
    margin-right: 15px;
}

.mt-md {
    margin-top: 15px;
}

.mb-md {
    margin-bottom: 15px;
}

.mm-lg {
    margin: 20px;
}

.mh-lg {
    margin-left: 20px;
    margin-right: 20px;
}

.mv-lg {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ml-lg {
    margin-left: 20px;
}

.mr-lg {
    margin-right: 20px;
}

.mt-lg {
    margin-top: 20px;
}

.mb-lg {
    margin-bottom: 20px;
}

/* xs sm md lg */
.pp{
    padding: 10px;
}
.ph{
    padding-left: 10px;
    padding-right: 10px;
}
.pv{
    padding-top: 10px;
    padding-bottom: 10px;
}
.pl{
    padding-left: 10px;
}
.pr{
    padding-right: 10px;
}
.pt{
    padding-top: 10px;
}
.pb{
    padding-bottom: 10px;
}

.pp-xs{
    padding: 2px;
}
.ph-xs{
    padding-left: 2px;
    padding-right: 2px;
}
.pv-xs{
    padding-top: 2px;
    padding-bottom: 2px;
}
.pl-xs{
    padding-left: 2px;
}
.pr-xs{
    padding-right: 2px;
}
.pt-xs{
    padding-top: 2px;
}
.pb-xs{
    padding-bottom: 2px;
}

.pp-sm{
    padding: 5px;
}
.ph-sm{
    padding-left: 5px;
    padding-right: 5px;
}
.pv-sm{
    padding-top: 5px;
    padding-bottom: 5px;
}
.pl-sm{
    padding-left: 5px;
}
.pr-sm{
    padding-right: 5px;
}
.pt-sm{
    padding-top: 5px;
}
.pb-sm{
    padding-bottom: 5px;
}

.pp-md{
    padding: 15px;
}
.ph-md{
    padding-left: 15px;
    padding-right: 15px;
}
.pv-md{
    padding-top: 15px;
    padding-bottom: 15px;
}
.pl-md{
    padding-left: 15px;
}
.pr-md{
    padding-right: 15px;
}
.pt-md{
    padding-top: 15px;
}
.pb-md{
    padding-bottom: 15px;
}

.pp-lg{
    padding: 20px;
}
.ph-lg{
    padding-left: 20px;
    padding-right: 20px;
}
.pv-lg{
    padding-top: 20px;
    padding-bottom: 20px;
}
.pl-lg{
    padding-left: 20px;
}
.pr-lg{
    padding-right: 20px;
}
.pt-lg{
    padding-top: 20px;
}
.pb-lg{
    padding-bottom: 20px;
}

/* 最上层 */
.top{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    /* background-color: #f0f0f0e0; */
    /* background-color:rgba(240,240,240,0.9); */
}

.bottom{
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 100;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.absolute-0{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.bg-mask {
    background: #000000dd;
}

/* 商品价格 */
.text-price{
    color: #e90e0e;
}

.text-key{
    color: #333333;
}
.text-value{
    color: #666666;
}

.text-pricepricepricepriceprice{
    color: #f39200;
}

/*a{*/
/*text-decoration:none;*/
/*color:#000000;*/
/*}*/

.btn--action{
    color: #717171;
    background-color: #ecedee;
    border-color: #f8f9fa;
}

.hidden {
    display: none !important
}

/*排序角标*/
.text-order{
    font-size: 25px;
}


/*表格自动伸展*/
.table-auto {
    word-wrap: bread-word;
    word-break: break-all;
    table-layout: fixed;
}