.sv-animate-outter {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%; }
  .sv-animate-outter .sv-animate-slider {
    transform: translateX(100%);
    animation: styles_loop02__JlAeG 220s linear infinite;
    display: flex;
    backface-visibility: hidden;
    will-change: transform; }
    .sv-animate-outter .sv-animate-slider.animate_pause {
      animation-play-state: paused; }
    .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item {
      display: block;
      padding: 14px;
      position: relative; }
      .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item:hover .pic .link {
        opacity: 1; }
      .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item:hover .pic .mask_img {
        transform: scale(1.1); }
        .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item:hover .pic .mask_img:before {
          opacity: 1; }
      .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item .pic {
        width: 333px;
        height: 200px;
        background-size: cover;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 20px; }
        .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item .pic .link {
          height: 30px;
          padding: 0 15px 0 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0;
          color: #fff;
          background: rgba(255, 255, 255, 0.7);
          border-radius: 20px;
          z-index: 20;
          transition: 0.3s;
          font-size: 12px;
          line-height: 1;
          position: absolute;
          left: 50%;
          top: 50%;
          z-index: 20px;
          transform: translate(-50%, -50%);
          font-weight: bold; }
          .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item .pic .link .aw {
            position: relative;
            width: 28px;
            height: 28px;
            overflow: hidden; }
          .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item .pic .link .aw .ani {
            position: absolute;
            content: '';
            width: 18px;
            height: 18px;
            top: 5px;
            background-image: url(../img/aw.svg);
            background-position: center;
            background-size: cover;
            margin-left: 10px; }
        .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item .pic .mask_img {
          display: flex;
          align-items: center;
          justify-content: center;
          transform: scale(1);
          transition: 0.3s;
          position: absolute;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
          .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item .pic .mask_img:before {
            content: '';
            opacity: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            transition: 0.3s;
            z-index: 0; }
        .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item .pic img {
          display: none; }
      .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item .cat {
        font-size: 12px;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: .02em; }
      .sv-animate-outter .sv-animate-slider .sv_item_out .sv_item h3 {
        font-weight: 700;
        line-height: 1.1;
        font-size: 17px;
        letter-spacing: .02em; }

@keyframes styles_loop02__JlAeG {
  0% {
    transform: translateX(-100%); }
  to {
    transform: translateX(100%); } }
@keyframes circlemove {
  0% {
    transform: translateX(-30px); }
  100% {
    transform: translateX(30px); } }
@keyframes cirlemovehide {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  80% {
    opacity: 0.9; }
  100% {
    opacity: 0; } }

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