@font-face {font-family: "iconfont";
          src: url('iconfont.eot'); /* IE9*/
          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('iconfont.woff') format('woff'), /* chrome, firefox */
          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"iconfont" !important;
          font-size:32px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
          color: white;
          margin-left:10px ;
        }
        
@keyframes click
{
from {opacity: 0.4;}
to {opacity: 0.8;}
}

.bb{
	position: absolute;
  top: calc(100% - 80px);
  left: calc(50% - 30px);
  -webkit-animation-timing-function:ease-in;
  animation:click 1s ease-in alternate infinite;
}

.bb :hover{
  cursor: pointer;
}


.bb p{
	color: white;
	padding: 0;
	margin: 3px 0 0 0;
	font-size:14px;
}