.pagingBox[data-v-0f71672a]{min-height:48px;overflow:hidden;background-color:#f8f8fa;width:100%;display:flex;align-items:center;flex-wrap:wrap;padding:0 14px;justify-content:space-between}.topImg[data-v-5451d539],.topImg img[data-v-5451d539]{width:100%}.chooseStyle[data-v-5451d539]{display:flex;margin:0 0 24px 0;border-bottom:1px solid #f2f3f5;position:relative}.chooseStyle .styleItem[data-v-5451d539]{padding:12px 0;margin-right:40px;cursor:pointer;position:relative}.chooseStyle .isActive[data-v-5451d539]:after{display:block;content:"";position:absolute;width:60%;height:2px;bottom:0;left:50%;transform:translateX(-50%);background-color:#409eff}.styleList[data-v-5451d539]{display:flex;flex-wrap:wrap}.styleList>div[data-v-5451d539]{padding:0 16px;min-width:80px;min-height:28px;line-height:28px;text-align:center;cursor:pointer;flex-shrink:0;font-size:12px;margin-bottom:16px}.styleList>div[data-v-5451d539]:not(:first-child){margin-left:16px}.templateList[data-v-5451d539]{display:flex;flex-wrap:wrap}.templateList>div[data-v-5451d539]{width:200px;border:1px solid #e3e4e6;margin-right:24px;margin-bottom:24px;position:relative;transition:all .3s}.templateList>div>img[data-v-5451d539]{width:100%}.templateList>div .botDesc[data-v-5451d539]{width:100%;height:122px;padding:15px;position:absolute;bottom:0;left:0;z-index:2;background-color:#fff}.templateList>div .botDesc .price[data-v-5451d539]{font-size:16px}.templateList>div .botDesc .name[data-v-5451d539]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin:10px 0 8px}.templateList>div .botDesc .desc[data-v-5451d539]{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;color:#7d7e80;line-height:18px;margin-bottom:8px}.templateList>div .mask[data-v-5451d539]{width:100%;height:100%;background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0;z-index:1;padding-top:60px}.templateList>div .mask>div[data-v-5451d539]{width:96px;height:32px;text-align:center;line-height:32px;cursor:pointer;padding:0 16px;font-size:12px;margin:10px auto}.templateList>div .mask>div[data-v-5451d539]:first-child{color:#fff;border:1px solid #fff}.templateList>div .mask>div[data-v-5451d539]:first-child:hover{color:#409eff;border:1px solid #409eff}.templateList>div .mask>div[data-v-5451d539]:last-child{color:#fff;background-color:#409eff}.templateList>div .mask>div[data-v-5451d539]:last-child:hover{background-color:#3773da}.templateList .blankTem[data-v-5451d539]{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#979899;cursor:pointer;min-height:392px}.templateList .blankTem i[data-v-5451d539]{color:#cacbcc;font-size:32px;margin-bottom:12px}.lookBox[data-v-5451d539]{display:flex}.lookBox .imgBox[data-v-5451d539]{width:200px;height:356px;float:left;margin-left:20px;border:1px solid #f2f2f2;overflow:hidden;margin-right:60px;flex-shrink:0}.lookBox .imgBox img[data-v-5451d539]{width:100%;height:100%}.lookBox .temDescBox[data-v-5451d539]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.lookBox .temDescBox .name[data-v-5451d539]{font-size:16px;color:#323233}.lookBox .temDescBox .details[data-v-5451d539]{font-size:12px;color:#96979a;line-height:18px;margin-top:10px}.lookBox .temDescBox .price[data-v-5451d539]{margin-top:12px;font-size:16px;transform:translateX(10px)}.lookBox .temDescBox .tips[data-v-5451d539]{font-size:12px;color:#96979a;line-height:24px;margin-bottom:8px}.lookBox .temDescBox .qrBox[data-v-5451d539]{width:140px;height:140px;border:1px solid #ebddf0}.lookBox .temDescBox .qrBox img[data-v-5451d539]{width:100%}.lookBox .temDescBox .payClassBox[data-v-5451d539]{display:flex}.lookBox .temDescBox .payClassBox>div[data-v-5451d539]{width:150px;height:50px;border:1px solid #e4e4e4;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;margin-right:10px;position:relative}.lookBox .temDescBox .payClassBox>div .jiao[data-v-5451d539]{position:absolute;z-index:2;right:0;bottom:0;width:24px;height:20px;margin:0}.lookBox .temDescBox .payClassBox .isActive[data-v-5451d539]{border:2px solid red}.lookBox .temDescBox .payQrCode[data-v-5451d539]{margin-top:10px;width:132px;height:132px;position:relative}.lookBox .temDescBox .payQrCode img[data-v-5451d539]{width:100%}.lookBox .temDescBox .payQrCode .payMask[data-v-5451d539]{position:absolute;top:0;left:0;width:132px;height:132px;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.lookBox .temDescBox .payQrCode .payMask i[data-v-5451d539]{font-size:70px;font-weight:700;color:#2fb72f}