.single-contain{height:100%;width:100%;display:table;overflow:auto;background-color:#000}.single-contain .single-img-main{display:table-cell}.single-contain .tips-wrapper{position:fixed;display:flex;align-items:center;justify-content:space-between;left:0;right:0;top:0;height:.533333rem;z-index:100;background:rgba(0,0,0,.8);transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out}.single-contain .tips-wrapper.scrolling{transform:translate3d(0,-.533333rem,0);-webkit-transform:translate3d(0,-.533333rem,0)}.single-contain .tips-wrapper .save-tip{font-size:.16rem;color:#fff;line-height:.533333rem;margin-left:.2rem}.single-contain .tips-wrapper .back-tip{font-size:.2rem;color:#fff;margin-top:.12rem;margin-bottom:.12rem;margin-right:.2rem;padding:0 .08rem;height:.266667rem;line-height:.266667rem;font-size:.186667rem;border-radius:.04rem;border:1px solid #fff}.single-contain .tips-wrapper .close-icon{display:block;width:.173333rem;height:.173333rem;padding:.133333rem;margin-right:.066667rem}.single-contain .basic,.single-contain .basiclife,.single-contain .basiclove,.single-contain .business,.single-contain .photoframe,.single-contain .simple{background-color:#fff}.single-contain .basic-wrapper,.single-contain .basiclife-wrapper,.single-contain .basiclove-wrapper,.single-contain .business-wrapper,.single-contain .photoframe-wrapper,.single-contain .simple-wrapper{overflow:hidden}.single-contain .basic-img,.single-contain .basiclife-img,.single-contain .basiclove-img,.single-contain .business-img,.single-contain .photoframe-img,.single-contain .simple-img{display:block;width:100%}.single-contain .basic-info,.single-contain .basiclife-info,.single-contain .basiclove-info,.single-contain .business-info,.single-contain .photoframe-info,.single-contain .simple-info{display:flex;justify-content:space-between;padding:.266667rem}.single-contain .basic-info-detail,.single-contain .basiclife-info-detail,.single-contain .basiclove-info-detail,.single-contain .business-info-detail,.single-contain .photoframe-info-detail,.single-contain .simple-info-detail{flex:1;display:flex;flex-direction:column;justify-content:space-between}.single-contain .basic-info-detail .title,.single-contain .basiclife-info-detail .title,.single-contain .basiclove-info-detail .title,.single-contain .business-info-detail .title,.single-contain .photoframe-info-detail .title,.single-contain .simple-info-detail .title{height:.6rem;font-size:.2rem;color:#000;line-height:.293333rem;margin-top:.066667rem;overflow:hidden;width:100%}.single-contain .basic-info-detail .detail,.single-contain .basiclife-info-detail .detail,.single-contain .basiclove-info-detail .detail,.single-contain .business-info-detail .detail,.single-contain .photoframe-info-detail .detail,.single-contain .simple-info-detail .detail{list-style:none;margin-bottom:.12rem}.single-contain .basic-info-detail .detail li,.single-contain .basiclife-info-detail .detail li,.single-contain .basiclove-info-detail .detail li,.single-contain .business-info-detail .detail li,.single-contain .photoframe-info-detail .detail li,.single-contain .simple-info-detail .detail li{width:100%;font-size:.16rem;color:rgba(0,0,0,.5);overflow:hidden;margin-top:.053333rem;height:.24rem;line-height:.24rem;display:flex;align-items:center}.single-contain .basic-info-detail .detail li.subtitle,.single-contain .basiclife-info-detail .detail li.subtitle,.single-contain .basiclove-info-detail .detail li.subtitle,.single-contain .business-info-detail .detail li.subtitle,.single-contain .photoframe-info-detail .detail li.subtitle,.single-contain .simple-info-detail .detail li.subtitle{color:#4f4f4f;margin-bottom:.133333rem}.single-contain .basic-info-detail .detail li img,.single-contain .basiclife-info-detail .detail li img,.single-contain .basiclove-info-detail .detail li img,.single-contain .business-info-detail .detail li img,.single-contain .photoframe-info-detail .detail li img,.single-contain .simple-info-detail .detail li img{width:.133333rem;height:.133333rem;margin-right:.093333rem}.single-contain .basic-info-detail .detail li span,.single-contain .basiclife-info-detail .detail li span,.single-contain .basiclove-info-detail .detail li span,.single-contain .business-info-detail .detail li span,.single-contain .photoframe-info-detail .detail li span,.single-contain .simple-info-detail .detail li span{align-self:flex-start}.single-contain .basic-info-qrcode,.single-contain .basiclife-info-qrcode,.single-contain .basiclove-info-qrcode,.single-contain .business-info-qrcode,.single-contain .photoframe-info-qrcode,.single-contain .simple-info-qrcode{margin-left:.266667rem;overflow:hidden;display:flex;flex-direction:column;align-items:flex-end}.single-contain .basic-info-qrcode .qrcode,.single-contain .basiclife-info-qrcode .qrcode,.single-contain .basiclove-info-qrcode .qrcode,.single-contain .business-info-qrcode .qrcode,.single-contain .photoframe-info-qrcode .qrcode,.single-contain .simple-info-qrcode .qrcode{width:1.066667rem;height:1.066667rem;display:block}.single-contain .basic-info-qrcode .tips,.single-contain .basiclife-info-qrcode .tips,.single-contain .basiclove-info-qrcode .tips,.single-contain .business-info-qrcode .tips,.single-contain .photoframe-info-qrcode .tips,.single-contain .simple-info-qrcode .tips{width:100%;font-size:.12rem;color:#000;margin-top:.066667rem;text-align:center}.single-contain .basic-free-tips,.single-contain .basiclife-free-tips,.single-contain .basiclove-free-tips,.single-contain .business-free-tips,.single-contain .photoframe-free-tips,.single-contain .simple-free-tips{font-size:.133333rem;color:#000;margin-bottom:.133333rem;text-align:right;padding-right:.133333rem}.single-contain .simple{background-color:#bababa;overflow:hidden;position:relative}.single-contain .simple-shadow{position:absolute;left:0;top:0}.single-contain .simple-wrapper{margin:.426667rem;padding:.493333rem .493333rem .04rem;background-color:#fff;border:.066667rem solid #252525;position:relative}.single-contain .simple-info{display:flex;justify-content:space-between;padding:.16rem 0 .266667rem}.single-contain .simple-info-detail .title{font-size:.146667rem;line-height:.24rem;height:.48rem;margin-top:.04rem}.single-contain .simple-info-detail .detail li{font-size:.106667rem;height:.16rem;line-height:.16rem}.single-contain .simple-info-detail .detail li img{width:.08rem;height:.08rem;margin-right:.066667rem}.single-contain .simple-info-qrcode{margin-left:.16rem}.single-contain .simple-info-qrcode .qrcode{width:.853333rem;height:.853333rem}.single-contain .simple-info-qrcode .tips{font-size:.093333rem;margin-top:.04rem}.single-contain .basiclife-wrapper{padding:.333333rem .2rem .4rem}.single-contain .basiclife-info{padding:0}.single-contain .basiclife-info-detail .title{color:#4f4f4f}.single-contain .basiclife-info-detail .detail li,.single-contain .basiclife-info-qrcode .tips{color:#999}.single-contain .basiclife-img{margin-top:.293333rem;background-color:#333;border-radius:.066667rem}.single-contain .basiclove-wrapper{padding:.413333rem .2rem .706667rem;position:relative}.single-contain .basiclove-wrapper-inner{position:relative}.single-contain .basiclove-bg,.single-contain .basiclove-shadow{position:absolute;left:0;top:0}.single-contain .basiclove-bg{width:100%}.single-contain .basiclove-label{position:absolute;width:1.066667rem;height:.173333rem;bottom:.266667rem;left:50%;margin-left:-.533333rem}.single-contain .basiclove-img{position:relative}.single-contain .basiclove-info{padding-bottom:.333333rem;position:relative;background-color:#fff}.single-contain .basiclove-info-bgLeft{position:absolute;left:0;top:0;height:100%}.single-contain .basiclove-info-bgRight{position:absolute;right:0;top:0;width:1.68rem}.single-contain .basiclove-info-detail .detail li{color:#af9453}.single-contain .photoframe-wrapper{position:relative}.single-contain .photoframe-shadow{position:absolute;left:0;top:0}.single-contain .photoframe-frame-wrapper{position:relative;margin:.36rem .413333rem .08rem}.single-contain .photoframe-bg-frame{width:100%;display:block;position:relative}.single-contain .photoframe-img{position:absolute;width:76.5%;left:.493333rem;top:.533333rem}.single-contain .photoframe-img.isVertical{top:.64rem}.single-contain .photoframe-bg-info{display:block;width:72%;margin:.08rem auto .106667rem}.single-contain .photoframe-info{padding:0;position:relative;display:block;overflow:hidden}.single-contain .photoframe-info-detail{position:absolute;width:2.333333rem;height:100%;top:0;left:.8rem}.single-contain .photoframe-info-detail .title{height:.48rem;line-height:.24rem;margin-top:.4rem;font-size:.186667rem;color:#4f4f4f}.single-contain .photoframe-info-detail .detail{margin-bottom:.56rem}.single-contain .photoframe-info-detail .detail li{height:.186667rem;line-height:.186667rem;font-size:.133333rem;margin-top:.026667rem}.single-contain .photoframe-info-detail .detail li.subtitle{margin-bottom:0}.single-contain .photoframe-info-qrcode{position:absolute;width:.773333rem;right:.946667rem;top:.493333rem;margin-left:0}.single-contain .photoframe-info-qrcode .qrcode{width:100%;height:auto;border-radius:.026667rem}.single-contain .photoframe-info-qrcode .tips{font-size:.093333rem}.single-contain .business-wrapper{position:relative}.single-contain .business-bg{width:100%}.single-contain .business-info{position:absolute;top:1.4rem;left:.2rem;right:.2rem;height:1.133333rem;padding:0}.single-contain .business-info-detail .title{font-size:.32rem;color:#000;line-height:.346667rem;height:.693333rem;margin-top:0}.single-contain .business-info-detail .detail{margin-bottom:0}.single-contain .business-info-detail .detail li{display:inline-block;width:auto;margin-right:.066667rem}.single-contain .business-info-detail .detail li.subtitle{margin-bottom:0}.single-contain .business-info-qrcode .qrcode{width:.8rem;height:.8rem}.single-contain .business-info-qrcode .tips{font-size:.093333rem}.single-contain .business-img{position:absolute;left:.2rem;top:2.666667rem;max-width:3.466667rem}.single-contain .puzzle-preview{width:100%}.single-contain .puzzle-preview img{width:100%;display:block}.single-contain .template-wrapper{height:1.8rem;background:rgba(0,0,0,.8);position:fixed;bottom:0;right:0;left:0;z-index:100;white-space:nowrap;transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out;overflow:auto;width:100%}.single-contain .template-wrapper.isIPhoneX{padding-bottom:.133333rem}.single-contain .template-wrapper.isIPhoneX.scrolling{transform:translate3d(0,1.933333rem,0);-webkit-transform:translate3d(0,1.933333rem,0)}.single-contain .template-wrapper.scrolling{transform:translate3d(0,1.826667rem,0);-webkit-transform:translate3d(0,1.826667rem,0)}.single-contain .template-wrapper .temp-item{display:inline-block;width:30%;margin-left:3.33%;height:1.28rem;font-size:.16rem;color:#fff;box-sizing:border-box;margin-top:.173333rem;text-align:center;line-height:2.866667rem;position:relative;background-repeat:no-repeat;background-size:cover;background-position:50%}.single-contain .template-wrapper .temp-item img{display:block;width:1.333333rem;overflow:hidden}.single-contain .template-wrapper .temp-item.basic-item{background-image:url(https://ypjc-resource.c360dn.com/jony/galleryH5/resource/images/soSimple_play_share.jpg)}.single-contain .template-wrapper .temp-item.simple-item{background-image:url(https://ypjc-resource.c360dn.com/jony/galleryH5/resource/images/simple_play_share_icon3.jpg)}.single-contain .template-wrapper .temp-item.basiclife-item{background-image:url(https://ypjc-resource.c360dn.com/jony/galleryH5/resource/images/simple_one_play_share.jpg)}.single-contain .template-wrapper .temp-item.basiclove-item{background-image:url(https://ypjc-resource.c360dn.com/jony/galleryH5/resource/images/simple_two_play_share.jpg)}.single-contain .template-wrapper .temp-item.photoframe-item{background-image:url(https://ypjc-resource.c360dn.com/jony/galleryH5/resource/images/photoframe_play_share_icon3.jpg)}.single-contain .template-wrapper .temp-item.business-item{background-image:url(https://ypjc-resource.c360dn.com/jony/galleryH5/resource/images/sw_play_share_icon3.jpg)}.single-contain .template-wrapper .temp-item.active{border:.013333rem solid #fff;color:#fccf2b}.single-contain .template-wrapper .temp-item.active:before{position:absolute;content:"";left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.8)}.single-contain .template-wrapper .temp-item:last-child{margin-right:3.33%}.single-contain .template-wrapper .temp-item.isNotVip{position:relative}.single-contain .template-wrapper .temp-item.isNotVip:after{position:absolute;height:.2rem;content:"专业版";font-size:.133333rem;color:#fff;top:0;width:100%;left:0;right:0;text-indent:.133333rem;line-height:.2rem;background-color:rgba(0,0,0,.8);background-image:url(../img/lock.895a2f5c.png);background-repeat:no-repeat;background-position:.053333rem;background-size:auto 90%}