.flop[data-v-2f677b28]{display:flex;flex-direction:column;height:100%;background:#f5f5f5}.flop .header[data-v-2f677b28]{width:100%;height:.92rem;display:flex;justify-content:space-between;line-height:.92rem;color:#fff;font-size:.26rem;padding:0 .32rem 0 .14rem;background-color:#d52a31}.flop .header .left[data-v-2f677b28]{display:flex;justify-content:center;align-items:center}.flop .header .left[data-v-2f677b28],.flop .header .right[data-v-2f677b28]{font-size:.26rem}.flop .header .middle[data-v-2f677b28]{font-size:.28rem}.flop .con[data-v-2f677b28]{flex:1;padding:10px}.flop .con .topCon[data-v-2f677b28]{width:100%;background:#fff;border-radius:.1rem;padding:.1rem}.flop .con .topCon .recommend[data-v-2f677b28]{position:relative;height:1.8rem;border:.04rem solid #ffbc1c}.flop .con .topCon .recommend .bgImg[data-v-2f677b28]{height:.7rem;position:absolute}.flop .con .topCon .recommend .right-top[data-v-2f677b28]{top:-2px;right:-2px}.flop .con .topCon .recommend .right-bot[data-v-2f677b28]{bottom:-2px;right:-2px}.flop .con .topCon .recommend .left-top[data-v-2f677b28]{top:-2px;left:-2px}.flop .con .topCon .recommend .left-bot[data-v-2f677b28]{bottom:-2px;left:-2px}.flop .con .topCon .recommend .rec-title[data-v-2f677b28]{text-align:center;color:#f8761b;font-size:.33rem;line-height:.6rem;display:flex;justify-content:center;align-items:center}.flop .con .topCon .recommend .rec-title em[data-v-2f677b28]{margin:0 .2rem}.flop .con .topCon .recommend .jianjie[data-v-2f677b28]{padding:0 .2rem;font-size:.26rem;text-align:justify;line-height:.4rem}.flop .con .list[data-v-2f677b28]{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:.2rem}.flop .con .list li[data-v-2f677b28]{position:relative;width:1.88rem;height:1.92rem;margin-bottom:.2rem}.flop .con .list li img[data-v-2f677b28]{position:absolute;width:100%;height:100%;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all 1.5s ease}.flop .con .list li .img1[data-v-2f677b28]{transform:rotateY(0)}.flop .con .list li .img2[data-v-2f677b28],.flop .con .list li .imgs[data-v-2f677b28]{transform:rotateY(-180deg)}.flop .con .list li .imgy[data-v-2f677b28]{transform:rotateY(0deg)}.flop .con button[data-v-2f677b28]{position:absolute;bottom:.2rem;left:4%;width:92%;margin:0 auto 0;border:0;outline:none;background:#fb3942;color:#fff;line-height:.88rem;border-radius:.15rem;font-size:.3rem}.flop .other[data-v-2f677b28]{margin:20px auto;position:relative;width:100px;height:100px}.flop .other div[data-v-2f677b28]{position:absolute;width:100px;height:100px;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all 2s ease}.flop .other .div1[data-v-2f677b28]{background:url(../../assets/img/sxMu.85078ca6.png) no-repeat 50%;background-size:100% 100%;transform:rotateY(0)}.flop .other .div2[data-v-2f677b28]{background:url(../../assets/img/sx1.549d927b.png) no-repeat 50%;background-size:100% 100%;transform:rotateY(-180deg)}.flop .other:hover .div1[data-v-2f677b28]{transform:rotateY(-180deg)}.flop .other:hover .div2[data-v-2f677b28]{transform:rotateY(0deg)}