@keyframes loading-7d8dd846{0%{height:0}50%{height:30px}to{height:0}}.x-image[data-v-7d8dd846]{width:100%;height:100%}.x-image-wrap[data-v-7d8dd846]{height:0;padding-bottom:120%;position:relative}.x-image-wrap.square[data-v-7d8dd846]{padding-bottom:100%}.x-image .el-image[data-v-7d8dd846]{z-index:0}.x-image .el-image[data-v-7d8dd846],.x-image .placeholder[data-v-7d8dd846]{width:100%;height:100%;position:absolute;top:0;left:0}.x-image .placeholder[data-v-7d8dd846]{z-index:1;background-color:#f5f7fa;justify-content:center;align-items:center;display:flex}.x-image .placeholder .item[data-v-7d8dd846]{background:#87ceeb;border-radius:10px;width:5px;height:30px;margin:0 3px;animation:1s infinite loading-7d8dd846}.x-image .placeholder .item[data-v-7d8dd846]:nth-child(2){animation-delay:.1s}.x-image .placeholder .item[data-v-7d8dd846]:nth-child(3){animation-delay:.2s}.x-image .placeholder .item[data-v-7d8dd846]:nth-child(4){animation-delay:.3s}.x-image .placeholder .item[data-v-7d8dd846]:nth-child(5){animation-delay:.4s}.x-image .placeholder .item[data-v-7d8dd846]:nth-child(6){animation-delay:.5s}.x-image .placeholder .item[data-v-7d8dd846]:nth-child(7){animation-delay:.6s}.x-image .placeholder .item[data-v-7d8dd846]:nth-child(8){animation-delay:.7s}