.cross {
  width: 200px;
  height: 200px;
  position: relative;
  overflow: hidden;
  animation: cross-appear 1s; }
  .cross .cross-line1-wrap {
    width: 200px;
    height: 15px;
    border-radius: 8px;
    position: absolute;
    bottom: 50%;
    transform: rotate(45deg);
    z-index: 12;
    overflow: hidden; }
    .cross .cross-line1-wrap .cross-line1 {
      position: absolute;
      content: "";
      width: 100%;
      height: calc(100% + 2px);
      background: red;
      top: -1px;
      transform: translateX(100%); }
  .cross .cross-line2-wrap {
    width: 200px;
    height: 15px;
    border-radius: 100px;
    position: absolute;
    bottom: 50%;
    transform: rotate(135deg);
    z-index: 10;
    overflow: hidden; }
    .cross .cross-line2-wrap .cross-line2 {
      position: absolute;
      content: "";
      width: 100%;
      height: calc(100% + 2px);
      background: red;
      top: -1px;
      transform: translateX(-100%); }

@keyframes cross-1 {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }
@keyframes cross-2 {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translate(0); } }
@keyframes cross-appear {
  0% {
    bottom: -200px; }
  100% {
    bottom: 0; } }

/*# sourceMappingURL=itemlab.css.map */