*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial";
}
a{
    -webkit-tap-highlight-color:transparent;
}
body{
    font-family: "Microsoft Yahei";
}
@font-face {  font-family: title;  src: url("https://maizhi.oss-cn-beijing.aliyuncs.com//huodongs/2025-01-12/202501120814549YWIS.ttf");}
.bgcolor{ position: absolute;top: 0; left:0; right: 0; bottom: 0; z-index: -1;  background: -webkit-linear-gradient(bottom, #fff , #f4f4f4); /* Safari 5.1 - 6.0 */  background: -o-linear-gradient(bottom, #fff , #f4f4f4); /* Opera 11.1 - 12.0 */  background: -moz-linear-gradient(bottom, #fff , #f4f4f4); /* Firefox 3.6 - 15 */  background: linear-gradient(to bottom, #fff , #f4f4f4); /* 标准的语法（必须放在最后） */}
/**app.wxss**/
page{box-sizing:border-box; min-height:100%; font-size:28rpx;}
@font-face {  font-family: title;  src: url("https://maizhi.oss-cn-beijing.aliyuncs.com//huodongs/2025-01-09/202501090914345PNRR.ttf");}
.page{min-height:100%;}
input,button{box-sizing:border-box;}
.pr{position:relative;}
.b{font-weight:bold;}
.i{font-style:italic;}
.t-indent{text-indent:2em;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt-line-t{text-decoration:line-through;}
.txt-line{text-decoration:underline;}
.lh-1{line-height:1;}
.lh-14{line-height:1.4;}
.lh-2{line-height:2;}

.hide,.hidden{display:none!important;}
.df{display:-webkit-box; display: -webkit-flex;	display:flex; flex-flow:row;}
.df.df-c{-webkit-box-orient:vertical; -webkit-flex-flow:column; flex-flow:column;}
.df .fc, .df .f1{-webkit-box-flex:1; -webkit-flex:1; flex:1;}
.df-s0{flex-shrink:0;}
.df.ai-s{align-items:flex-start;}
.df.ai-c{align-items:center;}
.df.ai-e{align-items:flex-end;}
.df.jc-s{justify-content: start;}
.df.jc-e{justify-content: flex-end;}
.df.jc-b{justify-content:space-between;}
.df.jc-c{justify-content:center;}
.df.jc-a{justify-content:space-around;}
.df.df-ww{flex-wrap:wrap; align-content:flex-start}
.txtline{text-decoration: line-through;}
.one-hide{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.two-hide{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.three-hide{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;}

.c-red{color:#FF474E;}
.c-yellow{color:#FFD7A1;}
.c-blue{color:#1E8AF6;}
.c-zong{color:#C37937;}
.c-33{color:#333333;}
.c-66{color:#656668;}
.c-77{color:#7A7B7B;}
.c-99{color:#979797;}
.c-aa{color:#A4ABAF;}
.c-cc{color:#cccccc;}
.c-ff{color:#ffffff;}

.mt-2{margin-top:0.04rem;}
.mt-4{margin-top:0.08rem;}
.mt-6{margin-top:0.12rem;}
.mt-8{margin-top:0.16rem;}
.mt-10{margin-top:0.20rem;}
.mt-12{margin-top:0.24rem;}
.mt-14{margin-top:0.28rem;}
.mt-16{margin-top:0.32rem;}
.mt-20{margin-top:0.40rem;}
.mt-24{margin-top:0.48rem;}
.mt-28{margin-top:0.56rem;}
.mt-30{margin-top:0.60rem;}
.mt-36{margin-top:0.72rem;}
.mt-40{margin-top:0.80rem;}
.mt-50{margin-top:1rem;}
.mt-60{margin-top:1.20rem;}

.fs-0{font-size:0;}
.fs-8{font-size:0.16rem;}
.fs-10{font-size:0.20rem;}
.fs-12{font-size:0.24rem;}
.fs-13{font-size:0.26rem;}
.fs-14{font-size:0.28rem;}
.fs-16{font-size:0.32rem;}
.fs-18{font-size:0.36rem;}
.fs-20{font-size:0.40rem;}
.fs-22{font-size:0.44rem;}
.fs-24{font-size:0.48rem;}
.fs-26{font-size:0.52rem;}
.fs-28{font-size:0.56rem;}
.fs-30{font-size:0.60rem;}

.bg-f{background-color:#ffffff;}

.load-more{height:48rpx;}
.load-more .img{display:none; width:36rpx; height:36rpx; margin-right:20rpx;}
.load-more .loadtxt,
.load-more .overtxt,
.load-more.load .scrollbtm,
.load-more.over .scrollbtm{display:none;}
.load-more.load .img,
.load-more.load .loadtxt,
.load-more.over .overtxt{display:block;}

.mask{position:fixed; z-index:99; top:0; left:0; right:0; bottom:0;}
.mask .bg{position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.36);}

.jdtab{display:inline-block; height:32rpx; padding-bottom:4rpx; width:87rpx; vertical-align:middle; margin-right:8rpx;}
.jdtab.jd-14{height:28rpx; width:76rpx;}
header{
    width: 100%;
    height: 0.88rem;
    background-color: white;
    padding: 0 0.24rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    box-sizing: border-box;
    line-height: 0.88rem;
    display: flex;
    justify-content: space-between;
}
header .icon-cuowu{
    font-size: 0.6rem;
}
header img{
    width: 1.94rem;
    height: 0.4rem;
    margin-top: 0.24rem;
}
header .icon-diandiandian{
    font-size: 0.6rem;
}

section{
    width: 100%;
    height: auto;
    /* background-color: #f6f6f6; */
    /* margin-top: 0.88rem; */
    margin-bottom: 0.98rem;
}
section ul{
    width: 7.02rem;
    height: 100%;
    padding: 0 0.13rem;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
section ul li{
    width: 3.24rem;
    height: 5.09rem;
    background-color: white;
    margin-top: 0.3rem;
    position: relative;
}
section ul li:first-child,section ul li:nth-child(2){
    margin-top: 0;
}
section ul li img{
    width: 100%;
    height: 2.9rem;
}
section ul li .line{
    width: 0.32rem;
    height: 0.02rem;
    background-color: black;
    margin-top: 0.25rem;
    margin-left: 0.23rem;
}
section ul li h4{
    font-size: 0.14rem;
    font-weight: normal;
    margin-left: 0.23rem;
}
section ul li h2{
    font-size: 0.24rem;
    font-weight: normal;
    margin-left: 0.23rem;
}
section ul li h6{
    font-size: 0.3rem;
    margin-left: 0.23rem;
    margin-top: 0.28rem;
}
section ul li h6 span{
    font-size: 0.12rem;
    font-weight: normal;
}
.buy-now{
    display: block;
    width: 1.53rem;
    height: 0.44rem;
    background-color: #ffcb3f;
    position: absolute;
    right: 0.19rem;
    bottom: 0.22rem;
    line-height: 0.44rem;    
}
.buy-now .icon-jia{
    font-size: 0.16rem;
    float: left;
    color: white;
    margin-left: 0.14rem;
    line-height: 0.44rem; 
}
.buy-now span{
    font-size: 0.22rem;
    float: left;
    color: white;
    margin-left: 0.06rem;
}


footer{
    width: 100%;
    height: 0.98rem;
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0 0.24rem;
    box-sizing: border-box;
	border-top:0.01rem #eee solid;
    border-radius: 0.15rem 0.15rem 0 0;
    z-index: 5006;
}
footer ul{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
}
footer ul li{
    padding: 0.1rem 0;
    box-sizing: border-box;
    
}
footer ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
footer ul li img{
    width: 0.6rem;
    align-self: center;
}
footer ul li span{
    font-size: 0.24rem;
    color: black;
    align-self: center;
}
footer ul li .spanchecked{
    color: #F82C1A;
}

/* 返回顶部 */
.backToTop {
    display: none;
    height: 0.8rem;
    width: 0.8rem;
    position: fixed;
    right: 0.24rem;
    bottom: 1.3rem;
    background: #734c89;
    border-radius: 50%;
    opacity: 0.6;
    font-size: 0.48rem;
    color: #fff;
    line-height: 40px;
    z-index: 2;
    text-align: center;
}


/* font */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot');
    src: url('fonts/icomoon.eot') format('embedded-opentype'),
        url('fonts/icomoon.ttf') format('truetype'),
        url('fonts/icomoon.woff') format('woff'),
        url('fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
.m_goback,
.m_gobackf,
.m_gobackz,
.xg_icon,
.mt_icon,
.xcailiao d,
.xxiegen d {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-about_us:before {
    content: "\e600";
}

.icon-add:before {
    content: "\e601";
}

.icon-address:before {
    content: "\e602";
}

.icon-bulb:before {
    content: "\e603";
}

.icon-cart:before {
    content: "\e604";
}

.icon-chengnuo:before {
    content: "\e605";
}

.icon-circle_close:before {
    content: "\e606";
}

.icon-close:before {
    content: "\e607";
}

.icon-delete:before {
    content: "\e608";
}

.icon-eye:before {
    content: "\e609";
}

.icon-glasses:before {
    content: "\e60a";
}

.icon-glasses_leg:before {
    content: "\e60b";
}

.icon-glassframe:before {
    content: "\e60c";
}

.icon-gotop:before {
    content: "\e60d";
}

.icon-high-heeled_shoes:before {
    content: "\e60e";
}

.icon-home:before {
    content: "\e60f";
}

.icon-loading:before {
    content: "\e610";
}

.icon-location:before {
    content: "\e611";
}

.icon-m_goback:before {
    content: "\e612";
}

.icon-material:before {
    content: "\e613";
}

.icon-message:before {
    content: "\e614";
}

.icon-mobile:before {
    content: "\e615";
}

.icon-more_m:before {
    content: "\e616";
}

.icon-mywork:before {
    content: "\e617";
}

.icon-neterror:before {
    content: "\e618";
}

.icon-order:before {
    content: "\e619";
}

.icon-password:before {
    content: "\e61a";
}

.icon-phone:before {
    content: "\e61b";
}

.icon-produce:before {
    content: "\e61c";
}

.icon-qq:before {
    content: "\e61d";
}

.icon-reduce:before {
    content: "\e61e";
}

.icon-refund:before {
    content: "\e61f";
}

.icon-right_arrow:before {
    content: "\e620";
}

.icon-rotate:before {
    content: "\e621";
}

.icon-save:before {
    content: "\e622";
}

.icon-select:before {
    content: "\e623";
}

.icon-share:before {
    content: "\e624";
}

.icon-shares:before {
    content: "\e624";
}

.icon-signature:before {
    content: "\e625";
}

.icon-suggestion:before {
    content: "\e626";
}

.icon-transport:before {
    content: "\e627";
}

.icon-tryin:before {
    content: "\e628";
}

.icon-down_arrow:before {
    content: "\e629";
}

.icon-up_arrow:before {
    content: "\e62a";
}

.icon-update:before {
    content: "\e62b";
}

.icon-user:before {
    content: "\e62c";
}

.icon-wallet:before {
    content: "\e62d";
}

.icon-zoomin:before {
    content: "\e62e";
}

.icon-zoomout:before {
    content: "\e62f";
}

.icon-cart2:before {
    content: "\e604";
}

.icon-user2:before {
    content: "\e62c";
}

.icon-user3:before {
    content: "\e62c";
}

.icon-cart3:before {
    content: "\e604";
}