@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2021-03-04 08:32:18
 * @version $Id$
 */
* {
    margin: 0;
    padding: 0;
    font-size: 0.28rem;
}
a {
    color: #333;
    text-decoration: none;
}
html,
body {
    width: 100%;
    min-width: 320px;
    overflow-x: hidden;
    font-family: "Source Han Sans CN";
    background: -webkit-linear-gradient(to right, #da3638, #d83f3d);
    background: -o-linear-gradient(to right, #da3638, #d83f3d);
    background: -moz-linear-gradient(to right, #da3638, #d83f3d);
    background: linear-gradient(to right, #da3638, #d83f3d);
    background: #262394;
    margin: 0 auto;
}
.header,
.main,
.app {
    width: 100%;
    margin: 0 auto;
}
img {
    display: block;
}
.main {
    padding-bottom: 1.4rem;
}
.app {
    display: none;
}
.header img,
.app img {
    max-width: 100%;
}
/*倒计时*/
/* .se-count {
    text-align: center;
    color: #fff;
    margin-top: -5%;
}
.se-count span {
    color: rgb(253, 189, 14);
    font-size: 0.28rem;
    margin: 0 0.04rem;
    font-weight: normal;
}
.se-count #timer {
    display: inline-block;
    font-size: 0.36rem;
} */
.time img{
    max-width: 100%;
    margin-bottom:0.2rem;
}
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.title {
    text-align: center;
    margin: 0.4rem auto;
    margin-top: 0.56rem;
}
.title img {
    max-width:666px;
    width: 92%;
    margin: 0 auto;
}
.flex {
    width: 96%;
    margin: 0 auto;
}
    .flex a.flex-col {
        width: 19.2%;
        padding: 0.2rem 0;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 0.42rem;
        margin-left: 0.16%;
        /* background: url(../images/tab_bg.png) center center no-repeat;
    background-size: contain; */
        background: -webkit-linear-gradient(to bottom, #ff4d4d, #ff6a6a);
        background: -o-linear-gradient(to bottom, #ff4d4d, #ff6a6a);
        background: -moz-linear-gradient(to bottom, #ff4d4d, #ff6a6a);
        background: linear-gradient(to bottom, #ff4d4d, #ff6a6a);
        background: #7a3e08;
        border-radius: 0.2rem 0.2rem 0 0;
    }
    .flex a.active {
        /* background: url(../images/tab_on.png) center center no-repeat;
    background-size: contain; */
        font-weight: bold;
        background: -webkit-linear-gradient(to left, #c90207, #eb2f3d);
        background: -o-linear-gradient(to left, #c90207, #eb2f3d);
        background: -moz-linear-gradient(to left, #c90207, #eb2f3d);
        background: linear-gradient(to left, #c90207, #eb2f3d);
    }

.inset {
    width: 96%;
    padding: 2%;
    background: -webkit-linear-gradient(to left, #c03737, #f64747);
    background: -o-linear-gradient(to left, #c03737, #f64747);
    background: -moz-linear-gradient(to left, #c03737, #f64747);
    background: linear-gradient(to left, #c03737, #f64747);
    background: #ff4232;
    background: #e14c6c;
    /* box-shadow: inset 0px 0px 30px 1px #912a2a; */
    border-radius: 0.2rem;
    margin: 0 auto;
}
.product_item,
.hb_item,
.share,
.fff {
    background: #fff;
    border-radius: 0.2rem;
    padding: 0.2rem 0;
}
.hb_item h2 {
    text-align: center;
    color: #f43725;
    font-size: 0.32rem;
}
.item_list {
    margin: 0 auto;
    width: 96%;
    background: url(../images/hb_bg.png) center top no-repeat;
    background-size: contain;
    padding-top: 5%;
}
.item_list a {
    width: 22%;
    display: inline-block;
    margin-left: 2%;
    text-align: center;
}
.item_list a img {
    width: 100%;
    max-width: 226px;
}
.item_list a span {
    display: block;
    text-align: center;
    font-weight: bold;
    padding-top: 0.2rem;
}
.item_list a:hover span {
    color: #ff4232;
}
.clear {
    clear: both;
}

/*商品列表*/
.product_item {
    padding: 0.2rem 2% 0.4rem;
    width: 96%;
    margin: 0 auto;
}
.product_item a {
    display: inline-block;
    width: 31%;
    margin-left: 1.5%;
    text-align: center;
    margin-top: 0.2rem;
    border: 1px solid #eeeeee;
}
.four.product_item a {
    width: 23%;
}
.product_item a:nth-child(3n + 1) {
    margin-left: 0.1rem;
}
.product_item a img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border-radius: 0.1rem 0.1rem 0 0;
}
.product_item a .prd_tit {
    text-align: center;
    font-size: 0.32rem;
    font-weight: 500;
    padding: 0.24rem 0;
}
.four.product_item a.prd_tit {
    font-size: 0.24rem;
}
.four.product_item a .prd_price p.b-price span:first-child {
    font-size: 0.32rem;
    padding-left: 0.1rem;
}
.four.product_item a .prd_price p.b-buy {
    font-size: 0.24rem;
}
.four.product_item a .prd_price p.b-price span:last-child {
    font-size: 14px;
    margin-top: 0;
}
.four.product_item a .prd_price p.b-buy::before {
    border-top: 0.4rem solid transparent;
    border-right: 0.2rem solid #f62d2d;
    border-bottom: 0.4rem solid transparent;
    left: -0.2rem;
}
.four.product_item a .prd_price p.b-buy {
    width: 42%;
}
.four.product_item a .prd_tit {
    font-size: 0.24rem;
}
.four.product_item a:nth-child(3n + 1) {
    margin: 0;
}
.four.product_item a:first-child {
    margin-left: 0.5%;
}
.four.product_item a:nth-child(4n + 4) {
    margin-left: 1.5%;
}
.four.product_item a {
    margin-left: 1.2%;
}

.product_item a .prd_price {
    width: 100%;
    height: auto;
}
.product_item a .prd_price p {
    display: inline-block;
    width: 54%;
    vertical-align: middle;
}
.four.product_item a .prd_price p {
    width: 55%;
}
.product_item a .prd_price p.b-price span:first-child {
    display: block;
    font-weight: bold;
    font-size: 0.42rem;
    color: #ff4614;
    padding-left: 0.2rem;
}
.product_item a .prd_price p.b-price {
    box-shadow: 0 -2px 5px rgba(104, 18, 24, 0.2);
    text-align: left;
}
.product_item a .prd_price p.b-price span:last-child {
    font-size: 0.2rem;
    color: #999;
    display: block;

    padding-left: 0.2rem;
    margin-top: -0.1rem;
}
.product_item a .prd_price p.b-price span i {
    font-style: normal;
    font-size: 0.24rem;
    font-weight: normal;
}

.product_item a .prd_price p.b-buy {
    width: 42%;
    padding: 0.22rem 0;
    position: relative;
}
.product_item a .prd_price p.b-buy::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 0.44rem solid transparent;
    border-right: 0.28rem solid #f62d2d;
    border-bottom: 0.44rem solid transparent;
    position: absolute;
    bottom: -4px;
    left: -0.28rem;
    top: 0;
}
.four.product_item a .prd_price p.b-buy::before {
    left: -0.2rem;
    border-right: 0.2rem solid #f62d2d;
}
.product_item a .prd_price p.b-buy {
    background-image: -webkit-linear-gradient(90deg, #f62d2d, #fe8b8b 100%);
    background-image: -moz-linear-gradient(90deg, #f62d2d, #fe8b8b 100%);
    background-image: -ms-linear-gradient(90deg, #f62d2d, #fe8b8b 100%);
    background-image: -o-linear-gradient(90deg, #f62d2d, #fe8b8b 100%);
    background-image: linear-gradient(90deg, #f62d2d, #fe8b8b 100%);
    color: #fff;
    font-size: 0.3rem;
    font-weight: 500;
}
.product_item .rq_box {
    background: #c3f1ff;
    vertical-align: top;
    border-radius: 0.1rem;
}
.product_item .rq_box h2 {
    width: 70%;
    margin: 0 auto;
}
.product_item .rq_box .rq_img {
    width: 80%;
    margin: 0 auto;
    padding-top: 0.56rem;
}
    .product_item .rq_box p {
        text-align: center;
        font-size: 0.16rem;
        width: 80%;
        margin: 0 auto;
        background-color: #7a3e08;
        padding: 0.22rem 0;
        color: #fff;
    }

.share {
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.share img {
    width: 94%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.share a {
    position: absolute;
    left: 6%;
    bottom: 10%;
    width: 30%;
    height: 22%;
    border: 1px solid #333;
    opacity: 0;
}
.rule {
    margin-bottom: -2%;
}
.rule img {
    width: 44%;
    max-width: 298px;
}
.fff {
    padding: 3%;
}
.fff img {
    width: 100%;
    max-width: 800px;
}

.foot {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    color: #333;
    box-shadow: 0 -2px 4px #54e0ff;
    background-color: #fff0bd;
}
.foot .container {
    width: 96%;
    padding: 0.2rem 0;
}
.foot .container span {
    font-weight: bold;
    display: inline-block;
    width: 54%;
    padding-left: 4%;
    vertical-align: bottom;
    line-height: 0.58rem;
}
.foot .container span img {
    width: 18%;
    max-width: 60px;
    vertical-align: middle;
    margin-right: 2%;
    float: left;
}
.foot .container a {
    width: 40%;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}
.foot .container a img {
    width: 80%;
    max-width: 203px;
    vertical-align: text-bottom;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .product_item a .prd_price p.b-buy {
        width: 42%;
        font-size: 0.24rem;
    }
    .product_item a .prd_price p.b-price span:first-child {
        font-size: 0.3rem;
        padding-left: 0.1rem;
    }
    .product_item a .prd_price p.b-buy::before {
        border-top: 0.4rem solid transparent;
        border-right: 0.28rem solid #f62d2d;
        border-bottom: 0.4rem solid transparent;
        left: -0.28rem;
    }
    .product_item .rq_box .rq_img {
        padding-top: 0.36rem;
    }

}

@media screen and (max-width: 768px) {
    .app {
        display: block;
    }
    .header {
        display: none;
    }
    .flex a.flex-col {
        width: 18.6%;
        font-size: 0.3rem;
    }
    .product_item a {
        width: 48%;
        margin-left: 1%;
    }

    .product_item a:nth-child(2n + 1) {
        margin-left: 0;
    }

    .product_item a .prd_price p.b-price span:first-child {
        font-size: 0.36rem;
        padding-left: 0.1rem;
    }
    .product_item a .prd_price p.b-buy {
        font-size: 0.28rem;
    }
    .product_item a .prd_price p.b-buy::before {
        border-top: 0.43rem solid transparent;
        border-right: 0.28rem solid #f62d2d;
        border-bottom: 0.43rem solid transparent;
        left: -0.28rem;
    }
     .title {
        text-align: center;
        margin: 0.4rem 0 0.3rem 0;
    }
    .rule {
        margin-bottom: -2%;
    }
    .foot .container span {
        padding-left: 2%;
        font-weight: normal;
        vertical-align: baseline;
        line-height: 0.28rem;
    }
    .foot .container span b {
        display: inline-block;
        /* margin-left: 20%; */
        font-weight: normal;
        margin-top: 2%;
    }
    .foot .container span img {
        float: left;
    }
    .foot .container a {
        vertical-align: bottom;
    }
    .se-count {
        margin-top: -9%;
    }
    .se-count span {
        font-size: 0.24rem;
    }
    .se-count #timer {
        font-size: 0.28rem;
    }
}
@media screen and (max-width: 520px) {
    .product_item .rq_box .rq_img {
        padding-top: 0.16rem;
    }
    /* .product_item .rq_box p {
    width: 98%;
    } */
}