.SelectableImageBox[data-v-472477b8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.SelectableImageBox .SelectableImageBox-item[data-v-472477b8]{margin-right:1.33333vw;margin-bottom:1.33333vw;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #dcdcdc}.SelectableImageBox .SelectableImageBox-item:hover .mask[data-v-472477b8]{background:rgba(0,0,0,.5)}.SelectableImageBox .SelectableImageBox-item .price[data-v-472477b8]{background-color:#fff;left:1px;top:1px;padding:0 .66667vw;color:green;font-weight:700}.SelectableImageBox .SelectableImageBox-item .badge[data-v-472477b8]{position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:.26667vw solid transparent}.SelectableImageBox .SelectableImageBox-item .badge.active[data-v-472477b8]{border-color:green;border:.26667vw solid green}.SelectableImageBox .SelectableImageBox-item .badge.active[data-v-472477b8]:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:4vw solid green;border-left:4vw solid transparent;z-index:10}.SelectableImageBox .SelectableImageBox-item .badge.active[data-v-472477b8]:before{content:"✓";position:absolute;top:-.26667vw;right:0;color:#fff;font-size:2.13333vw;font-weight:700;z-index:20}.SelectableImageBox .SelectableImageBox-item .badge img[data-v-472477b8]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.SelectableImageBox .SelectableImageBox-item .mask[data-v-472477b8]{width:100%;height:20%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.2);position:absolute;bottom:0;left:0;-webkit-transition-duration:.5s;transition-duration:.5s}.SelectableImageBox .SelectableImageBox-item .mask .custom-icon[data-v-472477b8]{font-size:2.66667vw;margin:0 1.06667vw;color:#fff}.el-image[data-v-472477b8]{border:1px solid #dcdcdc;margin-right:1.33333vw;margin-bottom:1.33333vw;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-472477b8] .img-dialog .el-dialog__body{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-height:none}.dialog-img[data-v-472477b8]{height:114.66667vw;width:114.66667vw;-o-object-fit:contain;object-fit:contain}@media (orientation:landscape){.SelectableImageBox .SelectableImageBox-item[data-v-472477b8]{margin-right:.48828vw;margin-bottom:.48828vw;border:1px solid #dcdcdc}.SelectableImageBox .SelectableImageBox-item .price[data-v-472477b8]{left:1px;top:1px;padding:0 .24414vw}.SelectableImageBox .SelectableImageBox-item .badge[data-v-472477b8]{border:.09766vw solid transparent}.SelectableImageBox .SelectableImageBox-item .badge.active[data-v-472477b8]{border:.09766vw solid green}.SelectableImageBox .SelectableImageBox-item .badge.active[data-v-472477b8]:after{border-top:1.46484vw solid green;border-left:1.46484vw solid transparent}.SelectableImageBox .SelectableImageBox-item .badge.active[data-v-472477b8]:before{top:-.09766vw;font-size:.78125vw}.SelectableImageBox .SelectableImageBox-item .mask .custom-icon[data-v-472477b8]{font-size:.97656vw;margin:0 .39063vw}.el-image[data-v-472477b8]{border:1px solid #dcdcdc;margin-right:.48828vw;margin-bottom:.48828vw}.dialog-img[data-v-472477b8]{height:41.99219vw;width:41.99219vw}}