*,:after,:before{box-sizing:inherit;margin:0;padding:0}body,html{height:100%;width:100%}.banner{background:#fff;border:1px solid #ccc;box-sizing:border-box;cursor:pointer;height:90px;left:50%;overflow:hidden;position:relative;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;width:728px}.preloader{background:#fff;height:100%;position:absolute;width:100%;z-index:999}.preloader .circle{-webkit-animation:a .5s linear infinite;animation:a .5s linear infinite;border:5px solid #ddd;border-bottom-color:#333;border-radius:50%;height:40px;left:50%;margin-left:-22.5px;margin-top:-22.5px;position:absolute;top:50%;transition:all .7s ease-in-out;width:40px}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}