html,body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: "微软雅黑";} 
.container { padding: .4rem; padding-bottom: .84rem;}  
a { text-decoration: none;}
.goodsPoster { width: 5.3rem; margin: 0 auto;}
.goodsPoster .swiper-container .swiper-wrapper .swiper-slide { line-height: 0;}
.goodsPoster .swiper-container .swiper-wrapper .swiper-slide img { width: 100%;}
.swiperNum { margin-top: .24rem; position: relative;}
.swiper-pagination { width: auto !important; display: inline-block; padding: 0.02rem .28rem; border-radius: .3rem; background-color: #323232; font-size: .24rem; line-height: .42rem; color: #fff; float: right; position: relative !important;}
.swiperNum .num { display: inline-block; float: right; padding: 0.02rem .28rem; border-radius: .3rem; background-color: #323232; font-size: .24rem; line-height: .42rem; color: #fff;}
.swiperNum .swiper-pagination-current { font-size: .3rem; line-height: .42rem; color: #fff;}
.swiperNum:after { content:""; clear: both; display: block;} 
.endTime { margin-top: .74rem;}
.endTime .text { font-size: .26rem; line-height: .32rem; color: #999999; padding-right: .12rem; float: right;}
.endTime .time { float: right;}
.endTime .time div { float: left; width: .32rem; height: .32rem; border-radius: 2px; background-color: #323232; font-size: .24rem; line-height: .32rem; color: #fff; text-align: center;}
.endTime .time span { font-size: .26rem; line-height: .36rem; color: #323232; padding: 0 .1rem; float: left;}
.endTime:after { content:""; clear: both; display: block;} 
.name { font-size: .3rem; line-height: .42rem; color: #323232; margin-top: .4rem;}
.money { font-size: .3rem; line-height: .42rem; color: #DF0303; font-weight: bold; margin-top: .2rem;}
.desp { font-size: .24rem; line-height: .34rem; color: #999999; margin-top: .4rem;}
.goodsIntro { margin-top: .3rem;}
.goodsIntro .stitle { height: .4rem; font-size: .28rem; line-height: .4rem; color: #323232; padding-left: .08rem; border-left: 6px solid #DF0303;}
.goodsIntro .cont { width: 100%; margin-top: .3rem;}
.goodsIntro .cont img { width: 100%;}
.bottom { width: 6.7rem; padding: 0 .4rem; height: .84rem; display: flex; display: -webkit-flex; position: fixed; left: 0; bottom: 0;}
.bottom .item { flex: 1; height: 100%; font-size: .26rem; line-height: .84rem; color: #fff; text-align: center;}
.bottom .item.bug { background-color: #DF0303;}
.bottom .item.addCart { background-color: #323232;}
@media screen and (min-width: 751px) {
	.name { font-size: 38px;}
	.money { font-size: 38px;}
	.desp { font-size: 32px;}

@media screen and (min-width: 376px) and (max-width: 750px) {
	.name { font-size: 34px;}
	.money { font-size: 34px;}
	.desp { font-size: 28px;}

@media screen and (max-width: 375px) {
	.name { font-size: 30px;}
	.money { font-size: 30px;}
	.desp { font-size: 24px;}