.page{position:absolute;top:0;right:0;bottom:0;left:0;background:#eee;z-index:99;}
.page,.page-group{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;background:#efeff4;display:none;overflow:hidden;background:#fff;}
.page.page-current,.page.page-current{overflow-y:scroll;}
.page.page-current,.page-group.page-current{display:block;}

.detail-page .design-all li{margin-top:.625rem;border-bottom:1px solid #d1d1d1;}
.detail-page .design-all ul li a.pic{position:relative;display:block;width:100%;}
.detail-page .design-all li a dt img.user{position:absolute;z-index:3;bottom:-1.563rem;left:.625rem;width:3.126rem;height:3.126rem;border-radius:50%;}
.detail-page .design-all li a dt p{font-size:.938rem;position:absolute;z-index:3;bottom:-2.8rem;left:0;width:4.376rem;text-align:center;color:#666;}
.detail-page .design-all li a dd div{position:absolute;z-index:2;right:0;bottom:0;left:0;overflow:hidden;height:3.75rem;padding-left:4.6rem;background:rgba(0,0,0,.6);}
.detail-page .design-all li a dd div h2{font-size:1rem;line-height:1rem;height:1rem;margin-top:.375rem;color:#fff;}
.detail-page .design-all li a dd div p{font-size:.625rem;line-height:1rem;display:box;display:-webkit-box;overflow:hidden;height:2rem;padding-right:.938rem;text-align:left;text-overflow:ellipsis;color:#fff;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.detail-page .design-all div.infor{position:relative;width:100%;height:3.126rem;background:#fff;}
.detail-page .design-all div.infor .vr{position:absolute;top:.7815rem;left:4.376rem;display:inline-block;width:5.565rem;height:1.563rem;vertical-align:middle;background:url(/static/m/images/effect/vr.png) no-repeat;background-size:100%;}
.detail-page .design-all div.infor p{position:absolute;right:.938rem;bottom:1.15rem;}
.detail-page .design-all div.infor p span{font-size:.75rem;line-height:.875rem;float:left;margin-right:.625rem;}
.detail-page .design-all div.infor p span i{display:inline-block;float:left;margin-right:.125rem;}
.detail-page .design-all div.infor p span.evaluate i{width:.875rem;height:.875rem;background:url(/static/m/images/effect/evaluate.png) 0 0 no-repeat;background-size:100%;}
.detail-page .design-all div.infor p span.collect i{width:.875rem;height:.875rem;background:url(/static/m/images/effect/collect.png) 0 0 no-repeat;background-size:100%;}
.detail-page .design-all div.infor p span.scan i{overflow:hidden;width:.875rem;height:.625rem;margin-top:.1rem;background:url(/static/m/images/effect/scan.png) 0 0 no-repeat;background-size:100%;}
.detail-page .design-all div.infor p span:last-child{margin-right:0;}