@charset "utf-8";

/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

/*签到打卡*/
.clock{ height:20.875rem; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_clock.png?v=1001) no-repeat 0 0; background-size:100% 20.875rem; overflow:hidden;}
.clock a{display:block; margin:7.461rem auto 0; width: 9.291rem; height: 9.208rem; overflow: hidden; /*background: url(images/btn_clock.png) no-repeat 0 0;*/ background-size:9.291rem 9.208rem; }
.clock a.btn-more-clock{display:block;width: 10.291rem; height: 10.208rem; overflow: hidden; /*background: url(images/btn_more_clock.png) no-repeat 0 0; */background-size:10.291rem 10.208rem;}

/*弹出框*/
.layer{display:none; width:100%; height: 100%; position:fixed; background-color:#000000; opacity: 0.75; left: 0; top: 0; z-index: 22;}
.popbox{display:none; position:fixed; left:50%; margin-left:-39%; margin-top:-10.5rem; top:50%; width:78%; background: #ffffff; padding:1rem 1rem 0; border-radius:0.2rem; z-index: 23;}
.popbox p{font-size:1.416rem; padding:2.016rem 0 2.733rem; color: #333333; text-align: center;}
.popbox .btn_confirm{display:block; height:3.666rem; line-height: 3.666rem; background: #ffc001; text-align: center; font-size:1.416rem; color:#ffffff; border-radius:0.2rem;}
.store-clock{position: fixed; bottom:1.5rem; right:2.5rem;}
.store-clock a{display:block; width:5.958rem; height:4.95rem; z-index: 20;}
.store-clock a.act{/*background: url(images/img_clock.png) no-repeat 0 0;*/ background-size:5.958rem 4.95rem;}
.store-clock a.more{/*background: url(images/img_clock_more.png) no-repeat 0 0;*/ background-size:5.958rem 4.95rem;}

.punch-clock-wrap{padding:1.07rem 0.714rem; background:#ffffff;}
.punch-clock{width:100%; height: 9.2rem; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_punch_clock.png?v=1001) no-repeat 0 0; background-size:100% 9.2rem;}
.punch-clock .btn_punch{float:right; margin: 2.357rem 1.971rem 0.828rem 0; display:block; width:6.429rem; height:2.529rem; line-height: 2.429rem; text-align:center; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/btn_punch.png?v=1001) no-repeat 0 0; background-size:6.429rem 2.529rem; font-size: 1.036rem; color: #fa4b4b;}
.punch-clock .btn_punchMore{color:#cacaca;}
.punch-clock p{float:right; margin-right:3.271rem;  padding-left: 1.103rem; line-height: 1.286rem; text-align:center; background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/icon_detail.png?v=1001) no-repeat 0 center; background-size:0.791rem 0.869rem; font-size: 0.715rem; color: #ffffff;}
.punch-clock p a{color:#ffffff;}

/*规则弹出框*/
.rule{padding-bottom:0.3rem;}
.rule h2{text-align: center; font-size:0.928rem; font-weight: normal;}
.rule p{padding:0; margin-bottom: 0.3rem; text-align: left; font-size:0.814rem; line-height: 1.293rem; color:#333333;}
.rule-ft{height:2.714rem; line-height: 2.714rem; text-align: center; font-size:0.893rem; border-top:1px solid #e6e6e6;}
.rule-ft  a{color: #ffaa00;}
.rule-ft a.btns ,.rule-ft a.btns2{float:left; display:inline-block; width:50%; line-height:2.714rem; height:2.714rem; font-size:0.714rem; text-align:center;}
.rule-ft a.btns2{box-sizing:border-box; border-left:1px solid #ccc;}
.moreout2{padding-bottom:0; padding-left:0; padding-right:0;}
.moreout2 .rule-ft{ margin-top:0.357rem;}

/*已打卡*/
.mwrap{margin:0 1.357rem;}
.mopunch{width:100%; margin: 0 auto; height: 1.857rem; line-height: 1.857rem; overflow: hidden;background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_moreinfo.png?v=1001) no-repeat 0 center; background-size:100% 1.857rem; text-align:center; font-size:0.714rem; color: #999999;}
.mopunch span{padding-left:1.107rem; margin:0 0.2rem; color:#ffffff;}
.mopunch span.zuan{background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/icon_zhuan.png?v=1001) no-repeat 0 center; background-size:0.857rem 0.75rem;}
.mopunch span.quan{background: url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/icon_money.png?v=1001) no-repeat 0 center; background-size:0.893rem 0.786rem;}

@media screen and (min-width:320px){
	.punch-clock{height:7.5rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_punch_clock.png?v=1001) no-repeat 0 0; background-size:100% 7.5rem;}
	.punch-clock .btn_punch{margin-top: 1.357rem;}
}
@media screen and (min-width:360px){
	.punch-clock{height:8.5rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_punch_clock.png?v=1001) no-repeat 0 0; background-size:100% 8.5em;}
	.punch-clock .btn_punch{margin-top: 1.357rem;}
	.rule p{font-size:0.986rem; line-height:1.393rem;}
	.rule h2{font-size:1.228rem;}
	.popbox{margin-top:-10.5rem;}
}
@media screen and (min-width:375px){
	.punch-clock{height:8.5rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_punch_clock.png?v=1001) no-repeat 0 0; background-size:100% 8.5rem;}
	.punch-clock .btn_punch{margin-top: 1.9rem;}
}
@media screen and (min-width:384px){
	.punch-clock{height:7.5rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_punch_clock.png?v=1001) no-repeat 0 0; background-size:100% 7.5rem;}
	.punch-clock .btn_punch{margin-top: 1.357rem;}
}
@media screen and (min-width:400px){
	.punch-clock{height:9.5rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_punch_clock.png?v=1001) no-repeat 0 0; background-size:100% 9.5rem;}
	.punch-clock .btn_punch{margin-top: 2.457rem;}
	.rule p{font-size:0.986rem; line-height:1.393rem;}
	.rule h2{font-size:1.228rem;}
	.popbox{margin-top:-10.5rem;}
}
@media screen and (min-width:540px){
	.punch-clock{height:8rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_punch_clock.png?v=1001) no-repeat 0 0; background-size:100% 8rem;}
	.punch-clock .btn_punch{margin-top: 2rem;}
}
@media screen and (min-width:720px){
	.punch-clock{height:8rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_punch_clock.png?v=1001) no-repeat 0 0; background-size:100% 8rem;}
}
@media screen and (min-width:750px){
	.punch-clock{height:8rem; background:url(//ssr.suning.cn/resource/msfs/project/mshopfile/v3/common/daka/css/images/bg_punch_clock.png?v=1001) no-repeat 0 0; background-size:100% 8rem;}
}