@font-face{font-family:思源黑体;src:url(./fonts/思源等宽.ttf) format("truetype");font-weight:400;font-display:swap}.bold-text{font-family:思源黑体}.gradient-text{background-image:linear-gradient(to right,orange,red,#00f);-webkit-background-clip:text;color:transparent;font-size:32px}.three-d-text{font-size:32px;text-shadow:1px 1px 1px #555,2px 2px 1px #666,3px 3px 1px #777,4px 4px 1px #888,5px 5px 1px #999,6px 6px 1px #aaa,7px 7px 1px #bbb,8px 8px 1px #ccc,9px 9px 1px #ddd}.stage-parent{display:flex;align-items:center;justify-content:center;width:800px;height:600px;background:#000;margin-bottom:20px}.stage{transform-style:preserve-3d;transform:rotateX(-20deg)}.container{width:120px;height:170px;position:relative;transform-style:preserve-3d}.rolling-item{cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0 0 8px #fff;transition:2s transform;-webkit-box-reflect:below 10px linear-gradient(transparent,transparent,#0005)}.carousel-array{width:600px;overflow:hidden;white-space:nowrap;position:relative;height:100px;cursor:pointer}.carousel-array:hover .belt{animation-play-state:paused}.belt{position:absolute;left:0;display:inline-block}.carousel-item{display:inline-block;padding-right:10px}.belt-1{animation:move-1 60s linear infinite}.belt-2{animation:move-2 60s linear infinite}@keyframes move-1{0%{transform:translate(0);opacity:1}49.999%{transform:translate(-100%);opacity:1}50%{transform:translate(-100%);opacity:0}50.0001%{transform:translate(100%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes move-2{0%{transform:translate(100%);opacity:1}99.998%{transform:translate(-100%);opacity:1}99.999%{transform:translate(-100%);opacity:0}to{transform:translate(100%);opacity:1}}#container{background-size:440px auto;background-position:50% 45%;background-repeat:no-repeat}.static-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pointer{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-75%)}.swiper{position:relative;width:100%;height:100%;overflow:hidden}.swiper:hover .previous,.swiper:hover .next{display:block}.swiper .slide{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #eee;border-radius:10px;transition:left .3s}.swiper .slide img{width:100%;height:100%}.swiper .previous{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAA8CAYAAACAX1ESAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRDA2MUVFQTQxMkMxMUUyQUM0NDhBQzJEMDk2QTM3NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRDA2MUVFQjQxMkMxMUUyQUM0NDhBQzJEMDk2QTM3NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFEMDYxRUU4NDEyQzExRTJBQzQ0OEFDMkQwOTZBMzc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFEMDYxRUU5NDEyQzExRTJBQzQ0OEFDMkQwOTZBMzc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UiC77QAAAVVJREFUeNqk18GKwjAQBuDWs6eFQB9pocc+juAz+GB7UEHwtG/gzYuHpTuzm0gIzWT+P4EfTEs/Qh0zcVzXdSDHXvLUDzsSmCRfkuPfTFcCZpLc1v9xl+x7gFucD90AglQBL2ICHiS0gBbiAizEDdSQEgit99YNlAgF5Ig+cGWAhOgD3yyQkHMEHgyQkEXyE6ETi2g+JS8Wyic0VF6goK2LMFS7AUHWTTfUWqoL8ry4JuT9Gk0IKaoqhJb4JsR0wByaWSRBhzQfs1PBu8ujI50KjrHLT9QZQbt67O6u9mDVyYT0GatOaAhu3t6yhyHvcSKwW4EbQg84gd0Kmj3aWwsmhFRmFUJ/vTl0TRCzDeSQnibCSP5BCJK75ENyYTelU1yJniaWHuAVd7ihG0CRTQBBqoAXMQEP0gRaiAuwEDdQQyBgC4GBEqGAHJlZoFzJgQE0vwIMAJIJkQRla4XTAAAAAElFTkSuQmCC) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-15px;width:17px;height:30px;z-index:1;display:none;cursor:pointer}.swiper .next{position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAA8CAYAAACAX1ESAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRDA2MUVFQTQxMkMxMUUyQUM0NDhBQzJEMDk2QTM3NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRDA2MUVFQjQxMkMxMUUyQUM0NDhBQzJEMDk2QTM3NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFEMDYxRUU4NDEyQzExRTJBQzQ0OEFDMkQwOTZBMzc2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFEMDYxRUU5NDEyQzExRTJBQzQ0OEFDMkQwOTZBMzc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UiC77QAAAVVJREFUeNqk18GKwjAQBuDWs6eFQB9pocc+juAz+GB7UEHwtG/gzYuHpTuzm0gIzWT+P4EfTEs/Qh0zcVzXdSDHXvLUDzsSmCRfkuPfTFcCZpLc1v9xl+x7gFucD90AglQBL2ICHiS0gBbiAizEDdSQEgit99YNlAgF5Ig+cGWAhOgD3yyQkHMEHgyQkEXyE6ETi2g+JS8Wyic0VF6goK2LMFS7AUHWTTfUWqoL8ry4JuT9Gk0IKaoqhJb4JsR0wByaWSRBhzQfs1PBu8ujI50KjrHLT9QZQbt67O6u9mDVyYT0GatOaAhu3t6yhyHvcSKwW4EbQg84gd0Kmj3aWwsmhFRmFUJ/vTl0TRCzDeSQnibCSP5BCJK75ENyYTelU1yJniaWHuAVd7ihG0CRTQBBqoAXMQEP0gRaiAuwEDdQQyBgC4GBEqGAHJlZoFzJgQE0vwIMAJIJkQRla4XTAAAAAElFTkSuQmCC) no-repeat left bottom;right:10px;top:50%;margin-top:-15px;width:17px;height:30px;z-index:1;display:none;cursor:pointer}.indicators{position:absolute;bottom:-20px}.indicators .indicator{display:inline-block;width:10px;height:10px;border-radius:10px;background:#999;box-shadow:0 1px 2px #555 inset;margin:0 3px;cursor:pointer}.indicators .indicator.active{background:#fff}.container{padding:0;margin:0;position:relative}.dot{width:10px;height:10px;background-color:red;border-radius:50%;position:absolute;transform:translate(-50%,-50%);z-index:100}