body {--site: '//wcdn.hjhvip.com'}
.flex{display:-webkit-box;display:-webkit-flex;display:flex}
.flex1{flex:1}
.fcol{flex-direction:column}
.fsb{justify-content:space-between}
.fas-start{align-self:flex-start}
.fas-end{align-self:flex-end}
.fjc-end{justify-content:flex-end!important}
.fxright{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;justify-content:flex-end}
.fycenter{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;align-items:center}
.fcenter{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important;justify-content:center;align-items:center}
.swiper-container{padding:0;font-size-adjust:0}
.swiper-slide,.swiper-wrapper{height:auto}
.swiper-slide .main-img{width:100%;border-radius:0}
.swiper-slide{width:100%!important;}
.swiper-pagination-sty1 .swiper-pagination-bullet{width:.3rem;height:.3rem;background:lightgray;border-radius:100%!important}
.swiper-pagination-sty1 .swiper-pagination-bullet-active{background:#030000;width:.3rem!important;border-radius:100%}
.swiper-pagination-sty2 .swiper-pagination-bullet{width:.3rem;height:.3rem;background:#c1c1c1;border-radius:100%!important}
.swiper-pagination-sty2 .swiper-pagination-bullet-active{background:#505050;width:.3rem!important;border-radius:100%}
.swiper-pagination-sty3{z-index:11}
.swiper-pagination-sty3 .swiper-pagination-bullet{width:.2rem;height:.2rem;background:#fff;border-radius:100%!important}
.swiper-pagination-sty3 .swiper-pagination-bullet-active{background:#fff;width:.6rem!important;border-radius:.1rem!important}
.head-ser{position:absolute;z-index:99999;display:flex;justify-content:space-between;width:100%;max-width:800px; position: fixed; background-color:#bfccc824;  height:6.5%;  margin: 0;}
.a-head-ser{background-color: #ffffff}
.head-ser a.header-inps{display:flex;justify-content:space-between;margin-left:1.1rem;border-radius:1rem;border:none;background:0 0;padding:0;box-sizing:border-box;flex:1;margin-right:1rem;margin-top: 2%;}
.head-ser .icon-wrap{background:rgba(0,0,0,.1);margin-right:2px;height:1.3rem;width:2.2rem;padding:.2rem .77rem;box-sizing:border-box;border-top-left-radius:.9rem;border-bottom-left-radius:.9rem}
.head-ser .text-wrap{background:rgba(0,0,0,.1);height:1.3rem;flex:1;border-top-right-radius:.9rem;border-bottom-right-radius:.9rem}
.head-ser .message{float:none;margin-right:.6rem;text-align:center;font-size:0;display:flex;justify-content:center;align-items:center}
.index-body{overflow-x:hidden}
.img-w100 img{width:100%}
.ellipsis-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ellipsis-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.nav-class li{padding:.3rem .32rem 0;display:inline-block;width:20%;text-align:center;box-sizing:border-box}
.nav-class li img{display:inline-block;width:80%}
.nav-class li em{display:block;margin-top:.16rem;font-size:.6rem;color:#666}
.pintuan{padding:1%;margin:0 auto;background:#fff;text-align:  center;}
.pintuan li{width:30.9%;margin: 1%;}
.pintuan .pintuan-item{display:block;border:1px solid;border-color:#b5acac;border-radius:.3rem;overflow:hidden}
.pintuan .pintuan-item .overhide{height:120px;position:relative;border-bottom:.1rem solid #b5acac}
.pintuan b{width:100%;text-align:center;color:#e84c56}
.pintuan h5{margin-top:.1rem;text-align:center;color:#b90f0f !important}
.pintuan .pintuan-item .overhide .tuan-head{position:absolute;top:.1rem;left:.1rem;width:1.2rem;height:1.2rem}
.pintuan .pintuan-item .overhide .tuan-head img{width:100%;border-radius:100%}
.pintuan .pintuan-item .overhide .tuan-head span{font-size:.52rem;background:#e84c56;color:#fff;position:absolute;top:0;left:50%;padding:0 .2rem;white-space:nowrap;border-radius:.5rem}
.pintuan .pintuan-item .overhide .tuan-group{position:absolute;bottom:.5rem;right:0;font-size:.52rem;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;background:#696a6a;color:#fff;padding:0 .2rem}
.discount{padding:0 5%}
.discount li .discount-item .overhide{height:200px}
.wid100{width:100%!important}
.discount li .discount-item .overhide{width:60%;float:left}
.discount li .discount-item .desc{display:block;float:left;width:33%;padding-left:4%;padding-top:1%}
.discount li .discount-item .desc h6{font-size:.65rem;color:#666}
.ht-wrap{height:2.8rem;border-top:1px #d6d6d6 solid;border-bottom:3px #d6d6d6 solid;font-size:0;box-sizing:border-box;display:flex}
.ht-wrap .ht-left{padding:.3rem .6rem;width:80%;box-sizing:border-box;display:flex;align-items:center}
.ht-wrap .ht-main{margin-left:.3rem;height:2rem;font-size:.18rem;line-height:2;color:#ff3a2e}
.ht-wrap .ht-tit{display:inline-block;width:2rem;height:2rem;padding-right:.3rem;border-right:1px #ff3a2e solid}
.ht-wrap .ht-tit span{display:inline-block;width:2rem;height:2rem;background:url('../images/new/ht.png');background-size:contain}
.ht-wrap .ht-right{display:flex;width:20%;overflow:hidden;text-align:left;border-left:1px #d6d6d6 solid}
.ht-wrap .ht-right img{height:100%}
.tit-sty1{padding:.2rem .05rem .1rem .2rem;height:.8rem;display:flex;justify-content:space-around;align-items:center}
.tit-sty1 span{font-size:.6rem;color:#a15a29;font-weight: 600}
.tit-sty1 em{font-size:.4rem;color:#aaa;margin-left:.1rem}
.tit-sty1 .more{display:inline-block;width:1.24rem;height:.48rem;background-image:url('../images/new/more.png');background-size:cover}
.qycg-wrap{font-size:0}
.qycg-wrap .qycg-item{display:inline-block;width:50%}
.qycg-wrap .new-goods li{width:48%;padding:0 1%}
.qycg-wrap .overhide{height:81px}
.fs0{font-size:0}
.xsqg-wrap .text-box{vertical-align:middle;display:inline-block;width:44%;padding:.22rem .33rem;box-sizing:border-box}
.xsqg-wrap .text-box .tit{font-size:.6rem;line-height:1rem;font-weight:700;font-style:italic;color:#333}
.xsqg-wrap .text-box .info{font-size:.6rem;color:#333}
.xsqg-wrap .text-box .time-wrap{font-size:.76rem;line-height:1rem;font-weight:700;color:#4b4654;margin:.7rem 0}
.xsqg-wrap .text-box .time-wrap .time{font-size:.6rem;padding:.3rem .3rem;margin:.2rem;font-style:normal;font-weight:700;color:#fff;background:#030000}
.xsqg-wrap .text-box .name{font-size:.68rem;margin:.2rem 0;font-style:normal;color:#505050;width:100%;max-height:1.85rem;overflow:hidden;color: #333}
.xsqg-wrap .text-box .price span{font-size:.8rem;color:#c7a66b}
.xsqg-wrap .text-box .del{font-size:.52rem;color:#6e6e6e;text-decoration:line-through}
.xsqg-wrap .text-box .bonus{font-size:.5rem;color:#333;margin-top:.2rem}
.xsqg-wrap .text-box .bonus span{font-size:.6rem;color:#c7a66b}
.xsqg-wrap .img-box{display:inline-block;width:53%;vertical-align:middle;overflow:hidden;border:1px #aaa solid;box-sizing:border-box;margin-left: 3%;max-height: 211px;overflow: hidden;}
.xsqg-wrap .img-box img{width:100%}
.xsqg-wrap .swiper-container .swiper-slide{padding:0 2%;box-sizing:border-box}
.tit-sty2{margin:.5rem 0 0 .3rem;border-left:.2rem solid #df5252;display:flex;justify-content:space-between;align-items:center}
.tit-sty2 .tit{padding:0 .1rem}
.tit-sty2 .tit h5{font-size:.6rem;color:#8d8d8d}
.tit-sty2 .tit h5 span{color:#585858}
.tit-sty2 .tit .sub-tit{font-size:.76rem;color:#585858}
.tit-sty2 .tit .titbg{display:inline-block}
.tit-sty2 .tit .titbg em{margin-left:.2rem;display:inline-block;width:.3rem;border-bottom:.2rem solid #df5252}
.tit-sty2 .tit .titbg span{display:inline-block;border-bottom:.2rem solid #df5252;width:1rem}
.tit-sty2 .more{margin-right:.5rem;display:inline-block;width:2.13rem;height:.93rem;background-image:url('../images/new/more2.png');background-size:cover}
.pic-wrap{padding:1%;margin:0 auto;background:0 0}
.pic-wrap li{width:31.2%;margin: 1%;}
.pic-wrap li .pic-wrap-item{display:block;overflow:hidden;box-shadow:0 0 10px #ccc;position: relative;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background: #fff}
.pic-wrap li .pic-wrap-item .overhide{height:120px;position:relative}
.pic-wrap li .name{color:#505050;height:.61rem;font-size:.59rem;line-height: .69rem;padding: 0}
.pic-wrap li .desc{margin-top:.1rem;color:#b5b5b5;font-size:.5rem}
.pic-wrap li .pic-wrap-item .overhide .add{position:absolute;bottom:0;right:.1rem;font-size:.7rem;border-radius:.5rem;background:#ff3a2e;color:#fff;padding:0 .2rem}
.pic-wrap li .price{font-size:0;padding-bottom:0.1rem;width:  100%;}
.pic-wrap li .price span.price-sign{font-size:.4rem;color:#505050}
.pic-wrap li .price span{font-size:.4rem;color:#505050}
.pic-wrap li .price em{background:#ff3a2e;color:#fff;font-size:.4rem;border-radius:.5rem;padding:0 .1rem;float:  left;}
.pic-wrap .bt1{width: 94%;height: 0.35rem; display: block; margin: 0 auto; background: #fff;border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; z-index: 1;font-size: 1rem;position: relative; box-shadow: 0 0px 10px #ccc;}
.pic-wrap .bt2{width: 82%;height: 0.3rem; display: block; margin: 0 auto; background: #fff;border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; z-index: 1;font-size: 1rem;position: relative; box-shadow: 0 0px 10px #ccc;}




.pic-wrap-bg{position:relative;height:4rem;margin-top:-2rem;z-index:10}
.pic-bg1{background:#4abec3}
.pic-bg2{background:#a6956b}
.pic-swiper-container{z-index:11}
.pic-wrap-sty1{padding:0 3%;font-size: 0}
.pic-wrap-sty1 li{width: 50%;padding:  0 .2rem;box-sizing:  border-box;}
.pic-wrap-sty1 a{display:inline-block}
.pic-wrap-sty1 .overhide{height:186px;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
.pic-wrap-sty1 h5{position:relative}
.pic-wrap-sty1 .border{margin:.1rem;width:3.6rem;height:.1rem;background:#ff3a2e}
.pic-wrap-sty1 .price{color:#505050;width:100%;display:flex;align-items:center;justify-content:space-between;padding-left: 0.15rem}
.pic-wrap-sty1 .price em{font-size:.5rem;color:#a5a5a5}
.pic-wrap-sty1 .collection,.pic-wrap-sty1 .comment{display:inline-block;width:.8rem;height:.8rem;background-size:80%;border-radius:100%;background-position:50% 50%;background-repeat:no-repeat}

.pic-wrap-sty1 .collection{background-color:#ccc;background-image:url('../images/new/collection.png');margin-right:.3rem}
.pic-wrap-sty1 .collection.favorate {background-color: #ff3a2e}
.pic-wrap-sty1 .comment{background-color:#10ced1;background-image:url('../images/new/comment.png')}
.overhide180 .overhide{height:180px;box-shadow: 0 0 3px #ccc;}
.pic-wrap-sty2 img{width:100%}
.tit-sty3{text-align:center;padding:.5rem 0;color:#fff}
.tit-sty3 h5{font-size:1.2rem;font-weight:700}
.tit-sty3 p{font-size:.8rem;margin-top:.2rem}
.spbj-wrap{background-image:url('../images/new/spbg.png');background-size:cover;background-repeat:no-repeat;width: 100%;overflow: hidden;}
.sp-main{white-space:nowrap;width: 100%;overflow: hidden;}
.sp-main .sp-content{width:max-content}
.sp-main .sp-item{display:inline-block;width:4.2rem;background:rgba(255,255,255,.9);border-radius:.5rem;padding:.3rem;overflow:hidden;margin:.1rem}
.sp-main .sp-item .img-wrap{height:180px;overflow:hidden;display:flex;justify-content:center;align-items:center}
.sp-main .sp-item .img-wrap img{width:100%}
.sp-main .sp-item .text-wrap{text-align:center;font-size:.5rem}
.sp-main .sp-item .text-wrap b{color:#b53535}
.sp-main .sp-item .text-wrap h5{color:#8e8e8e;font-size:.4rem}
.new-goods.pic-wrap-sty1 li:nth-child(odd),.new-goods.pic-wrap-sty1 li:nth-child(even),.new-goods.pic-wrap li:nth-child(odd),.new-goods.pic-wrap li:nth-child(even){float: none}
.new-goods li h5, .new-goods li b {font-size: 0.5rem;letter-spacing: 1px}
.pic-wrap li .pic-wrap-item .overhide .sup {font-size:0.5rem;color:red;position: absolute;top: 0;display: block;animation:add 5s;-webkit-animation:add 5s; -o-animation:add 5s; }
/*@keyframes add
{	
	0%   {background: #ffffff;}
	50%  {background: : #ff3a2e;}
	100% {background: : #ffffff;} 
}
@-moz-keyframes add /* Firefox */
{

	0%   {background: #ffffff;}
	50%  {background: : #ff3a2e;}
	100% {background: : #ffffff;} 
}
@-webkit-keyframes add /* Safari 和 Chrome */
{

	0%   {background: #ffffff;}
	50%  {background: : #ff3a2e;}
	100% {background: : #ffffff;} 
}
@-o-keyframes add /* Opera */
{

	0%   {background: #ffffff;}
	50%  {background: : #ff3a2e;}
	100% {background: : #ffffff;} 
}*/