* {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
    display: inline-block;
    float: left;
}

body {
 background: url("../bg2.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 
#loadingimg {
		-webkit-animation: rotationimg .5s infinite linear;
margin-left: 850px;
margin-bottom: -550px;
margin-top: 150px;
}

@-webkit-keyframes rotationimg {
		from {
				-webkit-transform: rotate(20deg);
		}
		to {
				-webkit-transform: rotate(0deg);
		} 
}
.snow__item {
 position: absolute;
  width: 2.5px;
  height: 2.5px;
  margin: 0 auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  animation: snow 10000ms linear infinite;
}
.snow__item:nth-child(2) {
  left: 25vw;
  animation-delay: 6666ms;
}
.snow__item:nth-child(3) {
  right: 25vw;
  animation-delay: 3333ms;
}
@keyframes snow {
  0% {
    box-shadow: 0 0 0 transparent, 37vw -78vh 5px 5px #fff,
      -8vw -89vh 8px 4px #fff, 31vw -107vh 5px 2px #fff,
      -52vw -128vh 1px 1px #fff, 47vw -141vh 8px 3px #fff,
      -26vw -120vh 3px 3px #fff, 56vw -104vh 4px 1px #fff,
      -5vw -119vh 6px 1px #fff, 46vw -123vh 6px 5px #fff,
      -58vw -89vh 1px 4px #fff, 93vw -98vh 6px 3px #fff,
      -84vw -130vh 8px 2px #fff, 34vw -115vh 4px 2px #fff,
      -46vw -80vh 3px 2px #fff, 82vw -118vh 4px 3px #fff,
      -59vw -114vh 2px 3px #fff, 21vw -63vh 8px 2px #fff,
      -52vw -147vh 7px 1px #fff, 11vw -124vh 4px 3px #fff,
      -42vw -107vh 3px 1px #fff, 61vw -83vh 5px 4px #fff,
      -17vw -130vh 6px 1px #fff, 1vw -102vh 5px 2px #fff,
      -100vw -117vh 4px 1px #fff, 39vw -127vh 6px 3px #fff,
      -43vw -90vh 7px 1px #fff, 47vw -116vh 2px 5px #fff,
      -96vw -131vh 6px 4px #fff, 32vw -55vh 2px 1px #fff,
      -36vw -50vh 2px 3px #fff, 40vw -99vh 4px 3px #fff,
      -35vw -147vh 8px 2px #fff, 69vw -71vh 7px 1px #fff,
      -36vw -70vh 3px 4px #fff, 47vw -85vh 5px 3px #fff,
      -72vw -50vh 2px 2px #fff, 49vw -137vh 5px 3px #fff,
      -52vw -66vh 3px 4px #fff, 92vw -88vh 4px 2px #fff,
      -97vw -141vh 7px 1px #fff, 28vw -136vh 3px 1px #fff,
      -79vw -64vh 1px 1px #fff, 12vw -111vh 6px 2px #fff,
      -7vw -120vh 5px 5px #fff, 70vw -82vh 5px 4px #fff,
      -83vw -83vh 7px 3px #fff, 59vw -119vh 4px 3px #fff,
      -49vw -75vh 8px 4px #fff, 90vw -114vh 4px 5px #fff,
      -36vw -149vh 8px 1px #fff, 57vw -114vh 6px 1px #fff,
      -98vw -114vh 3px 3px #fff, 27vw -103vh 1px 4px #fff,
      -30vw -93vh 3px 2px #fff, 74vw -112vh 8px 1px #fff,
      -21vw -107vh 8px 5px #fff, 19vw -99vh 3px 2px #fff,
      -57vw -124vh 5px 3px #fff, 62vw -129vh 6px 3px #fff,
      -89vw -110vh 8px 5px #fff, 34vw -83vh 8px 4px #fff,
      -67vw -127vh 6px 3px #fff, 46vw -109vh 5px 5px #fff,
      -4vw -115vh 8px 2px #fff, 52vw -58vh 8px 2px #fff,
      -11vw -115vh 7px 1px #fff, 98vw -66vh 5px 4px #fff,
      -55vw -126vh 1px 3px #fff, 24vw -113vh 4px 1px #fff,
      -44vw -104vh 7px 5px #fff, 89vw -59vh 1px 1px #fff,
      -87vw -51vh 3px 5px #fff, 99vw -148vh 4px 3px #fff,
      -39vw -141vh 8px 2px #fff, 62vw -140vh 3px 3px #fff,
      -62vw -66vh 5px 3px #fff, 45vw -83vh 8px 1px #fff,
      -64vw -133vh 5px 3px #fff, 24vw -128vh 1px 5px #fff,
      -29vw -108vh 2px 3px #fff, 71vw -118vh 3px 1px #fff,
      -72vw -145vh 8px 2px #fff, 73vw -66vh 5px 4px #fff,
      -32vw -115vh 5px 3px #fff, 85vw -122vh 2px 3px #fff,
      -55vw -72vh 2px 4px #fff, 100vw -136vh 2px 1px #fff,
      -92vw -99vh 3px 3px #fff, 88vw -72vh 7px 3px #fff,
      -82vw -149vh 8px 2px #fff, 73vw -56vh 1px 5px #fff,
      -18vw -86vh 1px 3px #fff, 72vw -80vh 3px 1px #fff,
      -37vw -133vh 7px 4px #fff, 20vw -50vh 8px 5px #fff,
      -41vw -126vh 3px 5px #fff, 74vw -98vh 2px 4px #fff,
      -92vw -113vh 4px 5px #fff, 69vw -115vh 4px 2px #fff,
      -88vw -145vh 5px 3px #fff;
  }
  100% {
    box-shadow: 0 0 0 transparent, 59vw 109vh 6px 1px #fff,
      -16vw 105vh 8px 1px #fff, 39vw 66vh 2px 2px #fff,
      -1vw 97vh 4px 3px #fff, 62vw 81vh 2px 5px #fff,
      -11vw 97vh 7px 5px #fff, 44vw 99vh 1px 4px #fff,
      -76vw 123vh 1px 1px #fff, 35vw 112vh 2px 4px #fff,
      -5vw 146vh 3px 4px #fff, 58vw 77vh 5px 2px #fff,
      -72vw 80vh 2px 4px #fff, 72vw 97vh 8px 3px #fff,
      -39vw 107vh 7px 2px #fff, 67vw 79vh 1px 4px #fff,
      -49vw 86vh 1px 5px #fff, 18vw 109vh 3px 3px #fff,
      -86vw 100vh 7px 5px #fff, 33vw 146vh 5px 5px #fff,
      -18vw 132vh 1px 4px #fff, 2vw 53vh 3px 1px #fff,
      -51vw 138vh 8px 1px #fff, 16vw 76vh 4px 2px #fff,
      -16vw 66vh 6px 5px #fff, 94vw 144vh 7px 5px #fff,
      -85vw 131vh 3px 2px #fff, 65vw 137vh 6px 3px #fff,
      -13vw 80vh 5px 4px #fff, 49vw 142vh 8px 3px #fff,
      -87vw 130vh 6px 2px #fff, 80vw 109vh 1px 4px #fff,
      -67vw 145vh 7px 2px #fff, 54vw 97vh 2px 2px #fff,
      -4vw 99vh 6px 2px #fff, 18vw 141vh 5px 3px #fff,
      -7vw 138vh 8px 2px #fff, 47vw 68vh 3px 5px #fff,
      -75vw 98vh 8px 4px #fff, 52vw 112vh 8px 3px #fff,
      -42vw 101vh 6px 1px #fff, 99vw 129vh 1px 1px #fff,
      -67vw 85vh 3px 2px #fff, 27vw 91vh 7px 1px #fff,
      -95vw 58vh 6px 4px #fff, 2vw 102vh 6px 4px #fff,
      -41vw 150vh 8px 2px #fff, 10vw 115vh 3px 5px #fff,
      -85vw 119vh 5px 5px #fff, 99vw 135vh 4px 5px #fff,
      -38vw 86vh 6px 5px #fff, 13vw 109vh 1px 2px #fff,
      -76vw 56vh 2px 4px #fff, 91vw 70vh 2px 3px #fff,
      -47vw 56vh 6px 1px #fff, 30vw 121vh 1px 5px #fff,
      -49vw 107vh 4px 3px #fff, 79vw 122vh 3px 5px #fff,
      -66vw 76vh 1px 5px #fff, 34vw 126vh 5px 5px #fff,
      -17vw 110vh 7px 5px #fff, 5vw 146vh 7px 4px #fff,
      -30vw 95vh 2px 1px #fff, 10vw 78vh 7px 2px #fff,
      -30vw 129vh 3px 2px #fff, 55vw 64vh 3px 1px #fff,
      -5vw 148vh 2px 2px #fff, 84vw 85vh 6px 2px #fff,
      -84vw 99vh 6px 2px #fff, 79vw 130vh 5px 2px #fff,
      -89vw 134vh 1px 5px #fff, 88vw 114vh 4px 2px #fff,
      -75vw 91vh 5px 5px #fff, 100vw 134vh 1px 4px #fff,
      -67vw 91vh 2px 5px #fff, 75vw 57vh 8px 1px #fff,
      -65vw 118vh 2px 3px #fff, 2vw 73vh 4px 4px #fff,
      -100vw 62vh 7px 2px #fff, 96vw 54vh 3px 2px #fff,
      -84vw 75vh 6px 2px #fff, 23vw 55vh 4px 1px #fff,
      -51vw 110vh 6px 2px #fff, 4vw 95vh 2px 3px #fff,
      -54vw 81vh 3px 2px #fff, 86vw 101vh 2px 1px #fff,
      -82vw 70vh 3px 4px #fff, 58vw 111vh 3px 5px #fff,
      -41vw 72vh 7px 4px #fff, 62vw 133vh 5px 2px #fff,
      -70vw 150vh 2px 5px #fff, 24vw 89vh 1px 5px #fff,
      -35vw 113vh 4px 4px #fff, 11vw 111vh 6px 1px #fff,
      -58vw 85vh 2px 4px #fff, 22vw 146vh 1px 3px #fff,
      -61vw 94vh 3px 1px #fff, 13vw 119vh 2px 1px #fff,
      -99vw 85vh 5px 5px #fff, 22vw 150vh 5px 1px #fff,
      -84vw 87vh 6px 2px #fff;
  }
}
.window {
	background:#eee;
    overflow: hidden;
    position: relative;
     width: 25000px;
    height: 143px;
    right: 0px;
}

.wraper {
    position: relative;
    margin: auto;
    margin-top: 250px;
    width: 408px;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 5px solid #ff5252;
    border-radius: 2px;
}

.list {
    position: relative;
    margin-left: 230;
    display: inline-block;
}

.list li {
border: 4px solid transparent ;
}
.list li img {
    width: 130px;
    height: 130px;
}

.arrowup {
    position: absolute;
    bottom: 0;
    right: 185px;
    z-index: 1;
    width: 0;
    height: 0;
    border-bottom: 25px solid #ff5252;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.arrowdown {
    position: absolute;
    top: 0;
    right: 185px;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 25px solid #ff5252;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}