1 line
14 KiB
CSS
1 line
14 KiB
CSS
|
.loading-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#151a26}.loading-wrapper .loading-box{position:fixed;left:calc(50% - 250px);top:calc(50% - 100px);margin:0 auto;width:500px;height:200px;text-align:center;vertical-align:center;font-weight:700;color:#87888e;font-size:35px}.loading-wrapper .loading-box>span{opacity:.4;display:inline-block;-webkit-animation:bouncingLoader 1s infinite alternate;animation:bouncingLoader 1s infinite alternate}.loading-wrapper .loading-box>span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.loading-wrapper .loading-box>span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.loading-wrapper .loading-box>span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.loading-wrapper .loading-box>span:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.loading-wrapper .loading-box>span:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.loading-wrapper .loading-box>span:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes bouncingLoader{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(25px);transform:translateY(25px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bouncingLoader{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(25px);transform:translateY(25px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.loading-wrapper .loading_title{font-weight:700;z-index:1002;position:absolute;top:50%;margin-top:15px;color:#87888e;font-size:18px;width:100%;height:30px;text-align:center;opacity:.4;line-height:30px}.imgItem[data-v-65e3dc2c]{width:100%;height:100%;overflow:hidden}.imgItem_box[data-v-65e3dc2c],.imgItem_item[data-v-65e3dc2c]{list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.imgItem_item[data-v-65e3dc2c]{position:relative;padding:15px 20px;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-weight:500;background-color:rgba(180,181,198,.1);border-radius:10px;background-clip:padding-box;border:2px solid #24447c}.imgItem_bg[data-v-65e3dc2c]{position:absolute;opacity:.3;left:0;top:0;width:100%;height:100%;z-index:-1}.imgItem_img[data-v-65e3dc2c]{width:55px;height:55px;border-radius:100%;border:1px solid hsla(0,0%,100%,.2)}.imgItem_middle[data-v-65e3dc2c]{margin:0 20px}.imgItem_time[data-v-65e3dc2c]{letter-spacing:2px}.imgItem_name[data-v-65e3dc2c],.imgItem_time[data-v-65e3dc2c]{line-height:30px;font-weight:700;font-size:18px}.imgTabs__list[data-v-cc078a88]{margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.imgTabs__carousel[data-v-cc078a88]{margin:0 auto;background-color:rgba(180,181,198,.1);background-clip:padding-box;opacity:1;-webkit-filter:blur(0);filter:blur(0);border-image-source:url(/img/border/border1.png);border-image-slice:10 16 15 10 fill;border-width:10px 16px 15px 10px}.imgTabs__carousel[data-v-cc078a88],.imgTabs__item[data-v-cc078a88]{border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box}.imgTabs__item[data-v-cc078a88]{width:100%;height:40px;background-image:url(/img/banner/banner4.png);background-size:100% 100%;border-color:#fff;border-width:0;margin:0 8px;font-size:20px;color:#4dffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.imgTabs--active[data-v-cc078a88]{background-image:url(/img/banner/banner5.png);color:#4dffff}.carousel .el-carousel__container{height:100%}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:ro
|