/* 底部导航 */

[v-cloak] {
    display: none;
}

.tabbar {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.tabbar li {
    width: 20%;
    text-align: center;
}

.tabbar li i {
    font-size: 0.44rem;
}

.tabbar li h1 {
    font-size: 0.24rem;
    /* color: #666666; */
    margin-top: 0.1rem;
}

.tabbar li a {
    color: #666666;
}

.tabbar li.active a {
    color: #426cf6;
}

.tabbar ul {
    height: 1rem;
    box-shadow: 0 0 0.1rem 0.01rem rgba(191, 189, 189, 0.36);
    background: #fff;
    padding: 0 0.4rem;
}


/* 商品列表 */


/* .index-list ul li .item-image {
    width: 1.78rem;
    border-radius: 0.1rem;
    margin-right: 0.2rem;
}

.index-list ul li .item-image img {
    border-radius: 0.1rem;
}

.index-list ul li .item-list {
    width: 100%;
    border-bottom: 0.01rem solid #f1f1f1;
    padding-bottom: 0.2rem;
}

.index-list ul li .item-list h1 {
    color: #282828;
    font-size: 0.26rem;
    width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-list ul li .item-list h2 {
    color: #626262;
    margin: 0.2rem 0;
    font-size: 0.16rem;
}

.index-list ul li .item-list h3 {
    color: #939393;
    font-size: 0.16rem;
}

.index-list ul li .item-list h3 span {
    color: #fd9f2d;
    font-weight: bold;
    font-size: 0.28rem;
}

.index-list ul li .item-list h4 {
    width: 2rem;
    background: #fd9f2d;
    text-align: center;
    line-height: 0.44rem;
    color: #fff;
    font-size: 0.18rem;
    border-radius: 0.05rem 0.05rem 0 0;
}

.index-list ul li .item-list h5 {
    width: 2rem;
    text-align: center;
    padding: 0.1rem 0;
    font-size: 0.16rem;
    color: #fd9f2d;
    border: 0.01rem solid #fd9f2d;
    border-radius: 0 0 0.05rem 0.05rem;
} */

.index-banner .van-swipe img {
    object-position: top;
    height: 3.19rem;
}

option:focus,
select:focus,
input:focus {
    outline: none;
}

.index-banner {
    position: relative;
}

.index-banner .skew {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0.9rem;
    padding: 0 0.3rem;
    /* background-color: rgba(255, 255, 255, 0.5); */
}

.index-banner .skew1 .elec {
    background: none;
    border: none;
    color: #5a5959;
    /* width: 23%; */
    font-size: 0.26rem;
    background: url(../images/sanjaiox1.png) no-repeat scroll right center transparent;
    background-size: 13%;
    padding-right: 0.23rem;
}

.index-banner .skew .elec {
    background: none;
    border: none;
    color: #fff;
    /* width: 23%; */
    font-size: 0.26rem;
    background: url(../images/sanjaiox.png) no-repeat scroll right center transparent;
    background-size: 13%;
    padding-right: 0.23rem;
}

.index-banner .skew .index-sskuai {
    width: 55%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 1rem;
    height: 0.6rem;
    color: #fff;
}

.index-banner .skew .index-sskuai .van-icon {
    font-size: 0.4rem;
    margin-left: 0.2rem;
    margin-right: 0.1rem;
}

.index-banner .skew .index-sskuai input {
    border: none;
    background: none;
    color: #333;
    font-size: 0.26rem;
}

.index-banner .skew .index-sskuai input::-webkit-input-placeholder {
    color: #fff;
}

.index-banner .skew .van-icon {
    width: 10%;
    font-size: 0.5rem;
    color: #fff;
}

.daohalna ul li {
    width: 20%;
    text-align: center;
}

.daohalna ul li img {
    width: 1rem;
}

.daohalna ul li p {
    font-size: 0.24rem;
    margin-top: 0.12rem;
}

.index-xian {
    background: #f4f4f4;
    width: 100%;
    height: 0.2rem;
    margin: 0.3rem 0;
}

.index-baioqand {
    padding: 0.2rem;
}

.index-baioqand span {
    margin-bottom: 0.3rem;
    background-color: rgb(242, 243, 247);
    color: #333;
    margin-right: 0.22rem;
}

.product-baozsf .van-cell__value {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-baozsf .van-cell__value h4 {
    font-size: 0.32rem;
    margin-right: 0.2rem;
    color: #333;
}

.product-baozsf .van-cell__value ul li h4 {
    font-size: 0.25rem;
}

.product-baozsf .van-cell__value ul li .van-icon {
    color: #5fc571;
    margin-right: 0.1rem;
    font-size: 0.3rem;
}

.product-baozsf .van-cell__value .van-icon {
    color: #656262;
    font-size: 0.36rem;
}

.product-baozsf .van-cell {
    padding: 0px 0.28rem;
}

.product-baozsfxf {
    padding: 0.3rem 0.2rem;
}

.product-baozsfxf > p {
    text-align: center;
    font-size: 0.34rem;
    margin-bottom: 0.2rem;
}

.product-baozsf {
    padding-top: 0.3rem;
}

.index-list ul li a {
    justify-content: space-between;
}

.index-list ul li {
    position: relative;
    overflow-x: hidden;
    margin-top: 0.3rem;
    border-bottom: 0.01rem solid #f4f4f4;
    padding: 0.1rem 0.2rem 0.3rem;
}

.index-list ul li img {
    width: 30.5%;
    height: 1.8rem;
    border-radius: 0.1rem;
    margin-right: 0.2rem;
}

.index-list ul li p {
    color: #2b2b2b;
    font-size: 0.3rem;
    width: 3rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 0.35rem;
    line-height: 0.35rem;
}

.index-list ul li h1 {
    color: #737373;
    font-size: 0.28rem;
    margin: 0.2rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-list ul li span.span {
    color: #717171;
    background: #f0f5fe;
    border-radius: 1rem;
    font-size: 0.22rem;
    margin-bottom: 0.1rem;
    margin-right: 0.1rem;
}

.index-list ul li .wrap {
    margin-top: 0.2rem;
    height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 2; */
    overflow: hidden;
}

.index-list ul li h3 {
    color: #3a3a3a;
    font-size: 0.26rem;
    /*margin-top: 0.05rem;*/
    /*暂时先注释*/
}

.index-list ul li h3 span {
    color: #ff4321;
    font-size: 0.28rem;
    font-weight: bold;
}

.index-list ul li h4 {
    color: #ff4340;
    font-size: 0.28rem;
    font-weight: bold;
}

.index-list ul li .van-icon {
    color: #d9dde6;
    font-size: 0.4rem;
    position: absolute;
    right: 5%;
    top: 72%;
}

.index-list ul li h5 {
    color: #929393;
    font-size: 0.26rem;
    position: absolute;
    right: 3%;
    top: 75%;
}

.index-list ul li h6 {
    position: absolute;
    left: 4%;
    top: 9%;
    background: linear-gradient(to right, rgba(255, 94, 64, 1), rgba(255, 68, 64, 1));
    color: #fff;
    padding: 0.05rem;
    border-radius: 0.1rem;
    font-size: 0.2rem;
}

.product-cs {
    color: #f00 !important;
}

.index-banner .skew1 {
    width: 100%;
    height: 0.9rem;
    padding: 0 0.3rem;
    background-color: rgba(255, 255, 255, 0.5);
}

.index-banner .skew1 .index-sskuai {
    width: 64%;
    background: rgba(233, 233, 233, 0.5);
    border-radius: 1rem;
    height: 0.6rem;
    color: #5a5959;
}

.index-banner .skew1 .index-sskuai .van-icon {
    font-size: 0.4rem;
    margin-left: 0.2rem;
    margin-right: 0.1rem;
}

.index-banner .skew1 .index-sskuai input {
    border: none;
    background: none;
    color: #5a5959;
    font-size: 0.26rem;
}

.index-banner .skew1 .index-sskuai input::-webkit-input-placeholder {
    color: #5a5959;
}

.index-banner .skew1 .van-icon {
    width: 10%;
    font-size: 0.5rem;
    color: #5a5959;
}

select {
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
}
