*,:after,:before{margin:0;padding:0}body,html{width:100%;height:100%}.banner{background:#fff;cursor:pointer;height:600px;left:50%;margin-left:-150px;margin-top:-300px;overflow:hidden;position:relative;position:absolute;top:50%;width:300px}.banner .border{border:1px solid #ccc;display:block;height:598px;left:0;pointer-events:none;top:0;width:298px}.banner .border,.preloader{position:absolute;z-index:999}.preloader{background:#fff;height:100%;width:100%}.preloader .circle{border:5px solid #ddd;border-bottom-color:#333;border-radius:50%;height:20px;left:50%;margin-left:-12.5px;margin-top:-12.5px;position:absolute;top:50%;transition:all .7s ease-in-out;animation:a .5s linear infinite;width:20px}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}