@media (max-width: 768px) {
    html {
        font-size: 62.5%; /* 设置根字体大小，方便计算：1rem = 10px */
    }
}

* { margin: 0; padding: 0;}
body { background-color: #fafafa;}
img { display: block; width: 100%; height: 100%;}
ul { list-style: none;}
a { text-decoration: none; color: inherit;}
input[type="text"]:focus { outline: none;}
.markbig {
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
    font-size: 1.2rem;
    color: white;
    border-radius: 0.4rem;
    margin-right: 0.5rem;
}
.mark {font-size: 1.2rem; color: white; padding: 0.1rem 0.3rem 0.1rem 0.3rem; border-radius: 0.4rem; margin-right: 0.3rem;}
.btnbig {
    width: 100%;
    height: 4.5rem;
    line-height: 4.5rem;
    font-size: 1.6rem;
    color: white;
    border-radius: 0.5rem;
    text-align: center;
    box-sizing: border-box;
}
.red {background-color: #ff5722;}/*红*/
.yellow { background-color: #ffb800;}/*黄*/
.blue { background-color: #31bdec;}/*蓝*/
.green { background-color: #16b777;}/*绿*/
.blueg { background-color: #16baaa;}/*蓝绿*/
.zi {
    background-color: #a233c6
}
.line { width: 100%; height: 1rem; background-color: #EFEFF4; box-sizing: border-box;}
.p15 {
    padding: 1.5rem;
}
.txtnone { font-size: 1.4rem; border: none; outline: none; width: 100%;}

.pt {
    font-size: 1.4rem;
    width: 100%;
    background-color: white;
    text-align: left;
    border-collapse: collapse;
}
    .pt .l {
        height: 4.5rem;
        padding-left: 1.5rem;
        width: 9rem;
    }

.u-flyer { display: block; width: 5rem; height: 5rem; border-radius: 5rem; position: fixed; z-index: 9999;}

.copyright { clear: both; width: 100%; height: 4rem; line-height: 4rem; text-align: center; color: #999; font-size: 1.4rem; padding-top: 1rem;}
    .copyright a {
        color: #999;
    }
.norecords {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    text-align: left;
    font-size: 1.4rem;
    text-indent: 1.5rem;
    color: #888;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.jump:active {background-color: #ECECEC;}
.jump:hover { background-color: #ECECEC;}
.listitem {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    border-bottom: 1px solid #e5e5e5;
}

/*商城首页*/
.shoptopbg {
    width: 100%;
    height: 13.5rem;
    background: url('/images/header_bg.png') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.shoptop {
    width: 100%;
    height: 5.5rem;
    box-sizing: border-box;
    padding: 1.5rem;
}
    .shoptop table {
        width: 100%;
        position: relative;
    }
    .shoptop .logo {
        width: 13rem;
        height: 4rem;
        padding-left: 0.5rem;
    }
        .shoptop .logo img {
            height: 3rem;
            width: 10rem;
        }
    .shoptop .search {

    }
        .shoptop .search .txt {
            width: 100%;
            height: 3.5rem;
            box-sizing: border-box;
            border-radius: 3rem;
            border: solid 1px #fff;
            font-size: 1.6rem;
            padding-left: 1.5rem;
            border: none;
            outline: none;
            background-color: white;
        }
        .shoptop .search img {
            position: absolute;
            right: 1rem;
            top: 1rem;
            width: 2rem;
            height: 2rem;
        }
.shopbanner {
    padding: 1.5rem;
}
.layui-carousel {
    border-radius: 1.5rem;
}

    .layui-carousel div {
        border-radius: 1.5rem;
    }

/*产品分类选项卡切换*/
.pro_sort {
    background-color: white;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
    .pro_sort ul {
        width: 100%;
        text-align: center;
        color: #333;
        height: 5.5rem;
        line-height: 5.5rem;
        box-sizing: border-box;
    }
.pro_sort ul li { float: left; font-size: 1.6rem; width: 25%; box-sizing: border-box; }
.pro_sort ul .choose { font-size: 1.8rem; color: #52b09b; border-bottom: solid 1px #52b09b; box-sizing: border-box; }

/*标题显示*/
.pro_m {
    padding: 1.5rem 1.5rem 0px 1.5rem;
}
    .pro_m table {
        width: 100%;
        height: 5.5rem;
        box-sizing: border-box;
        border-radius: 1rem;
        background-image: linear-gradient(92deg, #57af9b 0%,#46b29a 100%);
    }
    .pro_m .ico {
        width: 3.5rem;
        padding-top: 1.5rem;
        text-align: right;
    }
        .pro_m .ico img {
            width: 2.5rem;
            height: 2.5rem;
        }
    .pro_m .title {
        font-style: italic;
        color: #ffffff;
        font-size: 1.8rem;
        padding-left: 0.5rem;
    }
    .pro_m .tip {
        text-align: right;
        color: #ffffff;
        font-size: 1.6rem;
        padding-right: 0.5rem;
    }
    .pro_m .jt {
        width: 2rem;
        padding-top: 1.9rem;
    }
        .pro_m .jt img {
            width: 1.4rem;
            height: 1.4rem;
        }

    /*产品列表*/
    .pro_box {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        padding-right: 1.5rem;
    }

        .pro_box .list {
            width: 50%;
            box-sizing: border-box;
            padding-left: 1.5rem;
            padding-top: 1.5rem;
        }


/*订单选项卡切换*/
.order_tab {
    background-color: white;
    padding-left:1.5rem;
    padding-right:1.5rem;
}

    .order_tab ul {
        width: 100%;
        text-align: center;
        color: #585858;
        height: 4.5rem;
        line-height: 4.5rem;
        box-sizing: border-box;
    }

        .order_tab ul li {
            float: left;
            font-size: 1.6rem;
            width: 20%;
            box-sizing: border-box;
            position: relative; /* 设置定位 */
        }

        .order_tab ul .choose {
            color: #FF5E53;
            border-bottom: solid 2px #FF5E53;
            box-sizing: border-box;
        }

    .order_tab li + li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%; /* 可根据列表项的高度调整 */
        transform: translateY(-50%);
        height: 40%; /* 竖线高度 */
        width: 0.5px; /* 竖线宽度 */
        background: #D9D9D9; /* 竖线颜色 */
    }




/*顶部导航*/
.nav-top { width:100%;height:4.5rem;box-sizing:border-box;display:-webkit-flex; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E5E5E5;background-color: white;}
.nav-top-left { padding-left:1rem; width:7.5rem;height:4.5rem;box-sizing: border-box;}
    .nav-top-left img {
        float: left;
        width: 1.6rem;
        height: 1.6rem;
        margin-top: 1.5rem;
        box-sizing: border-box;
    }
    .nav-top-left span {
        float: left;
        font-size: 1.6rem;
        padding-left: 0.5rem;
        line-height: 4.5rem;
        box-sizing: border-box;
    }
.nav-top-left:active {background-color: #ECECEC; }
.nav-top-center { font-size: 1.8rem;box-sizing: border-box;line-height: 4.5rem;}
.nav-top-right { width: 7.5rem;box-sizing: border-box;}
    .nav-top-right img {
        width: 3rem;
        height: 3rem;
        float: right;
        margin-right: 1rem;
    }

/*搜索*/
.topsearch {
    width: 100%;
    height: 4.5rem;
    background-color: white;
    position: relative;
}
    .topsearch input {
        font-size: 1.4rem;
        border: none;
        width: 100%;
        height: 4.5rem;
        line-height: 4.5rem;
        text-indent: 1.5rem;
    }
    .topsearch .sbtn {
        position: absolute;
        right: 1.5rem;
        top: 0.8rem;
        width: 5rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 1.3rem;
        color: #000000;
        background-color: #F8F8F8;
        border-radius: 0.5rem;
        text-align: center;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-sizing: border-box;
    }

    /* 底部 */
    .bottom {
        width: 100%;
        height: 6rem;
        font-size:1.4rem;
        position: fixed;
        bottom: 0px;
        z-index: 3;
        border-top: solid 1px #eaeaea;
        box-sizing: border-box;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }
.bottom .list { width: 25%; height: 6rem; display: -webkit-flex; display: flex;flex-wrap: wrap; justify-content: center; align-content: center; color: #999; background-color: white;position: relative; }
.bottom .list:active { background-color: #ECECEC; }
    .bottom .list img {
        width: 3rem;
        height: 3rem;
    }
.bottom .list div { width: 100%; text-align: center;}
.bottom .list .num { position: absolute; top: 0.2rem;  margin-left: 2.7rem; border-radius: 1rem; background-color: #F43530; color: #FFFFFF; text-align: center; font-size: 1.2rem; vertical-align: middle; padding: 0px 0.3rem 0px 0.3rem; }

/*会员个人中心*/
.gridlist { width: 25%;display: -webkit-flex; display: flex;flex-wrap: wrap; justify-content: center; align-content: center; margin-top: 1.5rem; margin-bottom: 1.5rem; box-sizing: border-box; position: relative;}
.gridlist img {width: 3rem; height: 3rem;}
.gridlist .word { width: 100%;text-align: center; padding-top: 0.5rem; font-size: 1.6rem;}
.gridlist .num { position: absolute; top: -0.8rem; margin-left: 2.2rem; border-radius: 1rem; background-color: #F43530; color: #FFFFFF; text-align: center; font-size: 1.2rem;vertical-align: middle; padding: 0px 0.3rem 0px 0.3rem}

/*资讯列表*/
.t_list { border-bottom: solid 1px #eaeaea;}
.t_list:active { background-color: #ECECEC; }
.t_list:hover { background-color: #ECECEC;}

/*购物车*/
.mycart { width: 100%; border-left: solid 1px #EAEAEA; border-right: solid 1px #EAEAEA; border-top: solid 1px #EAEAEA; box-sizing: border-box;}
    .mycart .price {
        width: 100%;
        height: 2.5rem;
        line-height: 2.5rem;
        position: absolute;
        bottom: 0px;
        background-color: gray;
        -moz-opacity: 0.9;
        opacity: 0.9;
        filter: alpha(opacity=90);
        text-align: center;
    }
.mycart .price span { color: White; }
.gw_num {
    width: 11rem;
    height: 2.6rem;
    line-height: 2.6rem;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
}
    .gw_num em {
        float: left;
        display: block;
        height: 2.6rem;
        width: 2.6rem;
        color: #7A7979;
        text-align: center;
        cursor: pointer;
        box-sizing: border-box;
    }
    .gw_num .num {
        float: left;
        display: block;
        width: 5.6rem;
        height: 2.6rem;
        line-height: 2.6rem;
        text-align: center;
        font-style: normal;
        font-size: 1.4rem;
        border: none;
        outline: none;
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        box-sizing: border-box;
    }



.btnmore {
    border: solid 1px #d5d5d5;
    border-radius: 0.7rem;
    font-size: 1.3rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    color: #000000;
    background-color: #F8F8F8;
}

/*银行下拉选择*/
.sbank { width: 100%;}
    .sbank li {
        height: 4.5rem;
        line-height: 4.5rem;
        border-bottom: solid 1px #EAEAEA;
        box-sizing: border-box;
        font-size: 1.4rem;
        text-indent: 4.5rem;
    }

#div_loading {
    clear: none;
    width: 100%;
    padding: 1.5rem 0px 1.5rem 0px;
    text-align: center;
    display:none;
}
    #div_loading img {
        margin: 0px auto;
        width: 8.5rem;
        height: 1.3rem;
        display: none;
    }
#div_more {
    clear: none;
    width: 100%;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: none;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/*发送验证码*/
.sendcode {
    position: relative;
}
    .sendcode .send {
        position: absolute;
        right: 1rem;
        top: -0.2rem;
        text-align: right;
        width: 12rem;
        height: 2.5rem;
    }
    .sendcode .time {
        font-size: 1.2rem;
        color: #888;
        display: none;
    }
        .sendcode .time span {
            font-family: Verdana;
        }
.btncode {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    background-color: #F8F8F8;
    text-align: center;
    color: #777;
}