2 lines
11 KiB
CSS
2 lines
11 KiB
CSS
@keyframes arco-carousel-slide-x-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes arco-carousel-slide-x-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes arco-carousel-slide-x-in-reverse{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes arco-carousel-slide-x-out-reverse{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes arco-carousel-slide-y-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes arco-carousel-slide-y-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes arco-carousel-slide-y-in-reverse{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes arco-carousel-slide-y-out-reverse{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes arco-carousel-card-bottom-to-middle{0%{transform:translate(0) translateZ(-400px);opacity:0}to{transform:translate(0) translateZ(-200px);opacity:.4}}@keyframes arco-carousel-card-middle-to-bottom{0%{transform:translate(-100%) translateZ(-200px);opacity:.4}to{transform:translate(-100%) translateZ(-400px);opacity:0}}@keyframes arco-carousel-card-top-to-middle{0%{transform:translate(-50%) translateZ(0);opacity:1}to{transform:translate(-100%) translateZ(-200px);opacity:.4}}@keyframes arco-carousel-card-middle-to-top{0%{transform:translate(0) translateZ(-200px);opacity:.4}to{transform:translate(-50%) translateZ(0);opacity:1}}@keyframes arco-carousel-card-bottom-to-middle-reverse{0%{transform:translate(-100%) translateZ(-400px);opacity:0}to{transform:translate(-100%) translateZ(-200px);opacity:.4}}@keyframes arco-carousel-card-middle-to-bottom-reverse{0%{transform:translate(0) translateZ(-200px);opacity:.4}to{transform:translate(0) translateZ(-400px);opacity:0}}@keyframes arco-carousel-card-top-to-middle-reverse{0%{transform:translate(-50%) translateZ(0);opacity:1}to{transform:translate(0) translateZ(-200px);opacity:.4}}@keyframes arco-carousel-card-middle-to-top-reverse{0%{transform:translate(-100%) translateZ(-200px);opacity:.4}to{transform:translate(-50%) translateZ(0);opacity:1}}.arco-carousel{position:relative}.arco-carousel-indicator-position-outer{margin-bottom:30px}.arco-carousel-slide,.arco-carousel-card,.arco-carousel-fade{position:relative;width:100%;height:100%;overflow:hidden}.arco-carousel-slide>*,.arco-carousel-card>*,.arco-carousel-fade>*{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.arco-carousel-item-current{z-index:1}.arco-carousel-slide>*:not(.arco-carousel-item-current){display:none;visibility:hidden}.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-out{display:block;animation:arco-carousel-slide-x-out}.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-in{display:block;animation:arco-carousel-slide-x-in}.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-out{animation:arco-carousel-slide-x-out-reverse}.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-in{animation:arco-carousel-slide-x-in-reverse}.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-out{display:block;animation:arco-carousel-slide-y-out}.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-in{display:block;animation:arco-carousel-slide-y-in}.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-out{animation:arco-carousel-slide-y-out-reverse}.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-in{animation:arco-carousel-slide-y-in-reverse}.arco-carousel-card{perspective:800px}.arco-carousel-card>*{left:50%;transform:translate(-50%) translateZ(-400px);opacity:0;animation:arco-carousel-card-middle-to-bottom}.arco-carousel-card .arco-carousel-item-prev{transform:translate(-100%) translateZ(-200px);opacity:.4;animation:arco-carousel-card-top-to-middle}.arco-carousel-card .arco-carousel-item-next{transform:translate(0) translateZ(-200px);opacity:.4;animation:arco-carousel-card-bottom-to-middle}.arco-carousel-card .arco-carousel-item-current{transform:translate(-50%) translateZ(0);opacity:1;animation:arco-carousel-card-middle-to-top}.arco-carousel-card.arco-carousel-negative>*{animation:arco-carousel-card-middle-to-bottom-reverse}.arco-carousel-card.arco-carousel-negative .arco-carousel-item-prev{animation:arco-carousel-card-bottom-to-middle-reverse}.arco-carousel-card.arco-carousel-negative .arco-carousel-item-next{animation:arco-carousel-card-top-to-middle-reverse}.arco-carousel-card.arco-carousel-negative .arco-carousel-item-current{animation:arco-carousel-card-middle-to-top-reverse}.arco-carousel-fade>*{left:50%;transform:translate(-50%);opacity:0}.arco-carousel-fade .arco-carousel-item-current{opacity:1}.arco-carousel-indicator{position:absolute;display:flex;margin:0;padding:0}.arco-carousel-indicator-wrapper{position:absolute;z-index:2}.arco-carousel-indicator-wrapper-top{top:0;right:0;left:0;height:48px;background:linear-gradient(180deg,#00000026,#0000 87%)}.arco-carousel-indicator-wrapper-bottom{right:0;bottom:0;left:0;height:48px;background:linear-gradient(180deg,#0000 13%,#00000026)}.arco-carousel-indicator-wrapper-left{top:0;left:0;width:48px;height:100%;background:linear-gradient(90deg,#00000026,#0000 87%)}.arco-carousel-indicator-wrapper-right{top:0;right:0;width:48px;height:100%;background:linear-gradient(90deg,#0000 13%,#00000026)}.arco-carousel-indicator-wrapper-outer{right:0;left:0;background:none}.arco-carousel-indicator-bottom{bottom:12px;left:50%;transform:translate(-50%)}.arco-carousel-indicator-top{top:12px;left:50%;transform:translate(-50%)}.arco-carousel-indicator-left{top:50%;left:12px;transform:translate(-50%,-50%) rotate(90deg)}.arco-carousel-indicator-right{top:50%;right:12px;transform:translate(50%,-50%) rotate(90deg)}.arco-carousel-indicator-outer{left:50%;padding:4px;background-color:transparent;border-radius:20px;transform:translate(-50%)}.arco-carousel-indicator-outer.arco-carousel-indicator-dot{bottom:-22px}.arco-carousel-indicator-outer.arco-carousel-indicator-line{bottom:-20px}.arco-carousel-indicator-outer.arco-carousel-indicator-slider{bottom:-16px;padding:0;background-color:rgba(var(--gray-4),.5)}.arco-carousel-indicator-outer .arco-carousel-indicator-item{background-color:rgba(var(--gray-4),.5)}.arco-carousel-indicator-outer .arco-carousel-indicator-item:hover,.arco-carousel-indicator-outer .arco-carousel-indicator-item-active{background-color:var(--color-fill-4)}.arco-carousel-indicator-item{display:inline-block;background-color:#ffffff4d;border-radius:var(--border-radius-medium);cursor:pointer}.arco-carousel-indicator-item:hover,.arco-carousel-indicator-item-active{background-color:var(--color-white)}.arco-carousel-indicator-dot .arco-carousel-indicator-item{width:6px;height:6px;border-radius:50%}.arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child){margin-right:8px}.arco-carousel-indicator-line .arco-carousel-indicator-item{width:12px;height:4px}.arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child){margin-right:8px}.arco-carousel-indicator-slider{width:48px;height:4px;background-color:#ffffff4d;border-radius:var(--border-radius-medium);cursor:pointer}.arco-carousel-indicator-slider .arco-carousel-indicator-item{position:absolute;top:0;height:100%;transition:left .3s}.arco-carousel-arrow>div{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-white);background-color:#ffffff4d;border-radius:50%;cursor:pointer}.arco-carousel-arrow>div>svg{color:var(--color-white);font-size:14px}.arco-carousel-arrow>div:hover{background-color:#ffffff80}.arco-carousel-arrow-left{top:50%;left:12px;transform:translateY(-50%)}.arco-carousel-arrow-right{top:50%;right:12px;transform:translateY(-50%)}.arco-carousel-arrow-top{top:12px;left:50%;transform:translate(-50%)}.arco-carousel-arrow-bottom{bottom:12px;left:50%;transform:translate(-50%)}.arco-carousel-arrow-hover div{opacity:0;transition:all .3s}.arco-carousel:hover .arco-carousel-arrow-hover div{opacity:1}body[arco-theme=dark] .arco-carousel-arrow>div{background-color:#17171a4d}body[arco-theme=dark] .arco-carousel-arrow>div:hover{background-color:#17171a80}body[arco-theme=dark] .arco-carousel-indicator-item,body[arco-theme=dark] .arco-carousel-indicator-slider{background-color:#17171a4d}body[arco-theme=dark] .arco-carousel-indicator-item-active,body[arco-theme=dark] .arco-carousel-indicator-item:hover{background-color:var(--color-white)}body[arco-theme=dark] .arco-carousel-indicator-outer.arco-carousel-indicator-slider{background-color:rgba(var(--gray-4),.5)}body[arco-theme=dark] .arco-carousel-indicator-outer .arco-carousel-indicator-item:hover,body[arco-theme=dark] .arco-carousel-indicator-outer .arco-carousel-indicator-item-active{background-color:var(--color-fill-4)}[data-v-406eb41f] .arco-badge-dot{box-shadow:0 0}.home-banner[data-v-406eb41f]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}[data-v-cb6802a4] .arco-badge-dot{box-shadow:0 0}.recommend-container[data-v-cb6802a4]{display:flex;align-items:center;justify-content:center;gap:40px;align-items:start}.left[data-v-cb6802a4]{width:250px}.main[data-v-cb6802a4]{width:1240px}.right[data-v-cb6802a4]{width:250px}.region-cell[data-v-cb6802a4]{display:flex;align-items:center;gap:12px;margin:12px 0;height:24px}.region-cell .region-icon[data-v-cb6802a4]{font-size:24px}.region-cell .region-title[data-v-cb6802a4]{font-size:18px;font-weight:700}.region-list[data-v-cb6802a4]{background-color:#fff;border:1px solid #e0e3e8;box-shadow:0 2px 6px #0000000a;overflow:hidden}.region-list .region-row[data-v-cb6802a4]{display:flex;align-items:stretch;border-bottom:1px solid #e0e3e8;transition:background-color .2s}.region-list .region-row[data-v-cb6802a4]:hover{background-color:#f9f9fb}.region-list .region-row[data-v-cb6802a4]:last-child{border-bottom:none}.region-list .region-name[data-v-cb6802a4]{display:flex;align-items:center;justify-content:center;width:15%;background-color:#f8f9fa;color:#34495e;font-weight:700;border-right:1px solid #e0e3e8;padding:12px;font-size:15px}.region-list .company-box[data-v-cb6802a4]{flex:1;padding:14px 20px;background-color:#fff}.region-list .company-list[data-v-cb6802a4]{display:flex;flex-wrap:wrap;gap:12px 16px}.region-list .company-item[data-v-cb6802a4]{padding-left:10px;line-height:1.8;font-size:14px;color:#333;cursor:pointer;transition:color .2s,text-decoration .2s;position:relative}.region-list .company-item[data-v-cb6802a4]:hover{color:#1e80ff;text-decoration:underline}.recommend-box[data-v-cb6802a4]{background-color:#fff;border-radius:4px;border:1px solid #e0e0e0;padding:20px;box-shadow:0 2px 6px #0000000a;transition:box-shadow .3s ease}.recommend-box .recommend-title[data-v-cb6802a4]{font-size:18px;font-weight:700;color:#333;margin-bottom:16px;border-bottom:2px solid red;padding-bottom:8px;display:flex;align-items:center;gap:8px}.recommend-box .recommend-title .i-carbon-fire[data-v-cb6802a4]{font-size:24px;color:red}.recommend-box .recommend-list[data-v-cb6802a4]{display:flex;flex-direction:column;gap:12px}.recommend-box .recommend-item[data-v-cb6802a4]{font-size:16px;color:#555;padding:2px 0;cursor:pointer;word-break:break-all}.recommend-box .recommend-item[data-v-cb6802a4]:hover{color:#1976d2}[data-v-9509e681] .arco-badge-dot{box-shadow:0 0}.app[data-v-9509e681]{margin-top:80px;margin-bottom:40px;width:100%;display:flex;flex-direction:column;align-items:center;gap:26px}
|